body { overflow-x: hidden; font-family: "Urbanist", sans-serif; margin: 0; padding: 0; } .main_change_language{ direction: rtl; } .post, .page{ margin: 0em !important; } html { overflow-x: hidden; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6, p, ul { margin: 0px; padding: 0px; } li { list-style: none; } a { text-decoration: none; } /* ========== Desktop Navbar ========== */ .navbar { display: flex; } .navbar ul { display: flex; list-style: none; gap: 20px; } .nav-toggle { display: none; font-size: 24px; background: none; border: none; cursor: pointer; z-index: 200; /* Always above menu */ } /* Hide close icon by default */ .nav-toggle i.fa-xmark { display: none; } /* Active toggle state */ .nav-toggle.active i.fa-bars { display: none; } .nav-toggle.active i.fa-xmark { display: inline-block; } button#nav-toggle i.fa-solid { color: #FFF; } /* Transparent header (first one at top) */ #header { transition: 0.5s ease-in-out; padding: 15px 0; background: transparent; position: absolute; width: 100%; top: 0; z-index: 100; opacity: 1; /* always in DOM */ transform: translateY(0); /* default position */ } /* Fixed black header (after banner scroll) */ .fiexd_menu { transition: 0.5s ease-in-out; padding: 15px 0; background: #000; position: fixed; width: 100%; top: 0; z-index: 101; opacity: 0; /* start hidden */ transform: translateY(-100%); /* move up off-screen */ } /* language switcher */ /* Header Layout */ .header-container { display: flex; align-items: center; justify-content: space-between; padding: 0; } /* Navbar center, language + buttons right */ .navbar { flex: 1; display: flex; justify-content: center; } .header-right { display: flex; align-items: center; gap: 15px; } /* Language Switcher */ .lang-switcher { position: relative; background: white; display: inline-block; } .current-lang-btn { border: none; cursor: pointer; gap: 6px; background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Urbanist", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding: 5px 10px; display: flex; align-items: center; } .current-lang-btn .arrow { display: inline-block; width: 0; height: 0; margin-left: 6px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #DD9B4D; /* Down arrow */ transition: transform 0.3s ease; } .lang-switcher.open .current-lang-btn .arrow { transform: rotate(180deg); /* Rotate arrow up */ } .main_change_language .lang-options { left: 0; right: unset; } .lang-options { display: none; position: absolute; background: #fff; list-style: none; padding: 0; margin: 0; border: 1px solid #ddd; z-index: 999; } .lang-options li { padding: 8px 12px; } .lang-options li a { text-decoration: none; display: block; font-weight: 500; font-size: 18px; color: #000; line-height: 18px; } .lang-options li.active { background: #f0f0f0; font-weight: bold; } .lang-options.open { display: block; margin-top: 5px; border-radius: 5px; } /* language switcher */ #header { transition: 0.5s ease-in-out; padding: 15px 0; background: transparent; position: absolute; width: 100%; top: 0; z-index: 100; } .header-container { display: flex; align-items: center; justify-content: space-between; /* logo left, menu right */ } .logo img { /* max-height: 50px; */ max-height: 70px; } header.fiexd_menu .navbar ul li a { display: flex; align-items: center; gap: 10px; transition: transform 0.5s ease; font-style: normal; font-weight: 500; font-size: 18px; line-height: normal; text-decoration: none; color: #fff; transition: 0.3s; } #header .navbar ul li a { display: flex; align-items: center; gap: 10px; transition: transform 0.5s ease; font-style: normal; font-weight: 500; font-size: 18px; line-height: normal; text-decoration: none; color: #fff; transition: 0.3s; padding: 0; display: inline; position: relative; } #navbar ul { display: flex; gap: 60px; list-style: none; margin: 0; padding: 0; } .header_menu{ display: flex; gap: 60px; } #navbar ul li a:hover, #navbar ul li a.active { color: #ffffff; border-bottom: 1px dotted #FFF; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; position: relative; display: flex; justify-content: center; margin: auto; } div#footer_line2 { padding-left: 120px; } /* ========== Mobile View ========== */ /* MOBILE STYLES */ @media (max-width: 820px) { body.main_change_language .about_us_text, .about_us_text { padding-bottom: 97px; } /* Toggle button */ .nav-toggle { display: block; font-size: 28px; cursor: pointer; } .header_menu { display: flex; gap: 20px; } #navbar ul { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; } #navbar ul li { list-style: none; display: flex; } /* Hide original header */ #header { transition: 0.5s ease-in-out; transform: translateY(0); /* default position */ } /* Mobile sticky menu */ .fiexd_menu { display: none; /* hidden initially */ position: fixed; /* sticky to top */ top: 0; left: 0; width: 100%; z-index: 9999; background: #2d2828; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); transition: top 0.3s ease, } /* Navbar hidden by default in mobile */ .navbar { display: none; flex-direction: column; background: #2d2828; position: absolute; top: 60px; /* below toggle button */ left: 0; width: 100%; padding: 15px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } /* Navbar visible when active */ .navbar.show { display: flex; align-items: normal; padding-top: 30px; padding-bottom: 40px; } .navbar ul { flex-direction: column; gap: 12px; } .navbar ul li a { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 18px; text-decoration: none; color: #fff; transition: 0.3s; } /* Toggle icons for mobile */ .nav-toggle i.fa-bars { display: inline-block; color: #fff; } .nav-toggle i.fa-xmark { display: none; color: #fff; } /* When toggle active */ .nav-toggle.active i.fa-bars { display: none; } .nav-toggle.active i.fa-xmark { display: block; } } h2.heading_title { color: #000; font-family: "Urbanist", sans-serif; font-size: 52px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .contact-form input:focus, .contact-form textarea:focus { outline: none; /* removes default outline if you want */ } .contact-form input{ direction: rtl !important; } .banner_carousel button.owl-dot { width:10px; height: 10px; background-color:rgba(255, 255, 255, 0.40) !important; border-radius: 100%; fill: rgba(255, 255, 255, 0.40) !important; margin-right: 7px; } .banner_carousel .owl-dots { position: absolute; bottom: 49px; left: 9%; } .banner_carousel button.owl-dot.active { width: 10px; height: 10px; background: #fff !important; border-radius: 100%; } body.main_change_language button.banner_btn { padding: 2px 30px 2px 23px; } body.main_change_language .banner_carousel .owl-dots { position: absolute; bottom: 49px; right: -80%; left: 0; } body.main_change_language .hero-content { text-align: start !important; } /* body.main_change_language img.arrow_images { position: absolute; right: 66%; top: 48px; } */ body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 86px; right: 140px; width: 150px; height: 150px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 15s linear infinite; z-index: -1; } @keyframes rotateBg { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } .banner_carousel { position: absolute; bottom: 60px; left: 0px; } .hero-banner { position: relative; overflow: hidden; height: 107vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } .hero-circle img.arrow_images { width: 70px; height: 80px; top: 47px !important; left: 72% !important; } body.main_change_language .hero-circle img.arrow_images { right: 67.5% !important; top: 45px !important; } .hero-video { width: 100%; height: 100%; object-fit: cover; z-index: -2; } .hero-banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 51, 68, 0.7), rgba(0, 29, 38, 0.7)); z-index: -1; } .hero-content { position: relative; z-index: 1; } .hero-content h1 span { background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Urbanist", sans-serif; font-size: 72px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .hero-content h1 { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 72px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } img.arrow_images { position: absolute; right: 31px; top: 46px; } .star.text-start img { width: 109px; height: 19px; } .hero-circle::before { content: ''; position: absolute; top: 86px; right: -80px; width: 150px; height: 150px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } @keyframes rotateBg { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } .hero-circle { position: relative; z-index: 1; color: white; text-align: center; font-size: 2rem; } .hero-slider { position: relative; width: 100%; display: flex; justify-content: start; } .hero-slide { width: 100%; opacity: 1; } div#banner_border { border-bottom: 1px solid #FFF; padding-bottom: 48px; } .slider-dots { position: absolute; bottom: 70px; left: 1%; transform: translateX(-50%); display: flex; gap: 7px; z-index: 2; } .slider-dots button { width: 5px; height: 10px; border-radius: 100%; border: none; background: rgba(255, 255, 255, 0.5); cursor: pointer; } .slider-dots button.active { background: #fff; } .hero_starts_section { display: flex; gap: 55px; padding-top: 49px; justify-self: end; } .star.text-start p { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; } .main_hero_star { display: flex; gap: 9px; justify-content: center; align-items: center; } button.banner_btn a { color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; transition: all .3s; } button.banner_btn { background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); padding: 2px 10px 2px 23px; transition: all .3s; border: none; } button.banner_btn:hover { background: #FFF; transition: all .3s; } button.banner_btn a { transition: all .3s; display: flex; align-items: center; } button.banner_btn:hover a { background: linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: all .3s; } button.banner_btn:hover img { transform: rotate(2deg); transition: all .3s; } /* Default state */ button.banner_btn img.normal_btn { display: block; transition: all .3s; } button.banner_btn img.hide_btn { display: none ; transition: all .3s; } /* Hover state */ button.banner_btn:hover img.normal_btn { display: none ; transition: all .3s; } button.banner_btn:hover img.hide_btn { display: block ; transition: all .3s; } button.banner_btn img.hide_btn { width: 36px !important; height: 23px !important; } button.banner_btn img.normal_btn { width: 36px !important; height: 36px !important; } body.main_change_language button.banner_btn img.hide_btn { rotate: 180deg; } body.main_change_language button.banner_btn img.normal_btn { rotate: -89deg; } body.main_change_language button.about_us_btn img { transition: transform 0.5s ease; rotate: -89deg; } body.main_change_language button.about_us_btn:hover img { transform: rotate(-45deg); } h4.short_text:before { content: '-'; } .banner_carousel .owl-nav { display: block !important; } /* Position arrows in center */ .banner_carousel .owl-nav button.owl-prev, .banner_carousel .owl-nav button.owl-next { position: absolute; top: -75%; transform: translateY(-50%); background: rgba(255,255,255,0.8) !important; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 28px !important; color: #000 !important; transition: 0.4s ease; } /* Left arrow */ .banner_carousel .owl-nav button.owl-prev { left: 20px; } /* Right arrow */ .banner_carousel .owl-nav button.owl-next { right: 20px; } /* Hover effect */ .banner_carousel .owl-nav button.owl-prev:hover, .banner_carousel .owl-nav button.owl-next:hover { background: #000 !important; color: #fff !important; } /* Remove default focus outline */ .banner_carousel .owl-nav button.owl-prev:focus, .banner_carousel .owl-nav button.owl-next:focus { outline: none; } .hero-video { transition: opacity 0.4s ease; opacity: 1; } /* aboutus */ section.about_us_section { padding: 120px 20px; } h4.short_text { font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 20px; } /* Truncated text - show only 2 lines */ .truncate-text { display: -webkit-box; -webkit-line-clamp: 2; /* Show only 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* Full content (hidden by default) */ #full-post-content { display: block; padding-top: 20px; background-color: #f9f9f9; margin-top: 20px; border-top: 2px solid #ddd; } /* Button styling */ .our_blog_btn { background-color: transparent; border: none; cursor: pointer; font-size: 16px; } .our_blog_btn img { vertical-align: middle; margin-left: 5px; } .blog-excerpt { display: -webkit-box; -webkit-line-clamp: 2; /* show only 2 lines */ -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s ease; } .blog-excerpt.expanded { -webkit-line-clamp: unset; /* remove line clamp */ } #load-more-btn{ background: #111; border: none; cursor: pointer; transition: all 0.5s ease; color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px 20px 10px 29px; margin-top: 50px; } .about_us_text h3 { color: #000; font-size: 21px; font-style: normal; font-weight: 500; line-height: 30px; /* 142.857% */ text-transform: capitalize; padding-bottom: 58px; padding-right: 14px; } .about_us_text { padding-right: 35px; } body.main_change_language .about_us_text{ padding-left: 35px; } body.main_change_language .about_us_text h3{ padding-left: 14px; } .about_us_text p { color: rgba(0, 0, 0, 0.60); font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; /* 162.5% */ text-transform: capitalize; padding-bottom: 20px; } button.about_us_btn a { color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } /* Rotate image when button is hovered */ button.about_us_btn:hover img { transform: rotate(45deg); } button.about_us_btn img { transition: transform 0.5s ease; /* apply transition to default state */ } button.about_us_btn { background: #111; border: none; padding: 3px 20px 3px 29px; margin-top: 76px; cursor: pointer; transition: all 0.5s ease; /* smooth background, padding changes etc. */ } .about_heding { padding-bottom: 122px; } .innovation_box.d-flex.justify-content-end { gap: 25px; } .inopvation1 { background-image: url(../image/bg1.webp); padding: 27px 22px; background-repeat: no-repeat; background-position: center; background-size: cover; } #innovation_bg { background-image: url(../image/bg2.webp); padding: 27px 22px; background-repeat: no-repeat; background-position: center; background-size: cover; } .inopvation1, .inopvation1 span.counter { text-align: right; color: #FFF; font-size: 52px; font-style: normal; font-weight: 900; line-height: normal; /* margin-right: -15px; */ } body.main_change_language .inopvation1, .inopvation1 span.counter { text-align: right; color: #FFF; font-size: 52px; font-style: normal; font-weight: 900; line-height: normal; /* margin-left: -15px; */ } .about_img_main { overflow: hidden; text-align: right; } .about_us_images { position: relative; } .inopvation1 p { color: #FFF; text-align: right; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; padding-top: 8px; } body.main_change_language .innovation_box.d-flex.justify-content-end { left: 50px; gap: 25px; position: absolute; top: -19%; z-index: 11; } .innovation_box.d-flex.justify-content-end { right: 70px; gap: 25px; position: absolute; top: -19%; z-index: 11; } .about_img_main img { transition: transform 0.5s ease; /* Smooth transition */ cursor: pointer; /* Optional */ transform-origin: center left; width: 100%; min-height: 560px; object-fit: cover; } .about_us_section .about_img_main img { width: 1080px; } .about_img_main img:hover { transform: scale(1.1); /* Zoom in to 120% on hover */ } /* our_service_main */ body.main_change_language .our_service_boxs { direction: ltr !important; } body.main_change_language .our_service_text { direction: rtl !important; } body.main_change_language .text-end { text-align: end !important; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: -85px; right: 49.5%; left: 0; } .client_moving_circle { position: relative; text-align: center; } .client_moving_circle::before { content: ''; position: absolute; top: -44px; left: 65%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } body.main_change_language .client_moving_circle::before { content: ''; position: absolute; top: -59px; left: 48%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -71px; left: 62.5%; } h2.heading_title2 { color: #000; font-size: 52px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .our_service_section .col-12:first-child .our_service_boxs { padding: 90px 0 40px 0; } .our_service_boxs { justify-content: space-between; display: flex; align-items: center; padding: 40px 0 40px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.60); transition: transform 0.3s ease, box-shadow 0.3s ease; } .service_title_spacing { padding-top: 40px; } .our_service_title h4 { color: #000; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; transition: .3s ease-in-out; } .our_service_text p { color: rgba(0, 0, 0, 0.60); text-align: justify; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; /* 144.444% */ text-transform: capitalize; padding-bottom: 20px; } .our_service_text ul li { padding-left: 11px; color: rgba(0, 0, 0, 0.60); text-align: justify; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; /* 144.444% */ text-transform: capitalize; } .our_service_img { overflow: hidden; } .our_service_img img { /* transition: transform 0.5s ease; cursor: pointer; transform-origin: center top; */ /* width: 269px; height: 182px; */ object-fit: cover; } /* .our_service_img img:hover { transform: scale(1.1); } */ /* .our_service_boxs:hover .our_service_img img { transform: scale(1.1); } */ .our_service_title h4 { position: relative; display: inline-block; color: #000; font-size: 24px; font-weight: 400; text-transform: uppercase; transition: color 0.3s ease-in-out; } .our_service_title.roof_installation h4::after { content: ""; position: absolute; left: 50%; bottom: -5px; /* distance from text */ transform: translateX(-50%); width: 100%; height: 2px; background: #000; opacity: 1; } .our_service_title h4::after { content: ""; position: absolute; left: 50%; bottom: -5px; /* distance from text */ transform: translateX(-50%); width: 100%; height: 2px; background: #000; opacity: 0; transition: opacity 0.3s ease-in-out; } .our_service_boxs:hover .our_service_title h4::after { opacity: 1; } /* .our_service_boxs:hover .our_service_text p { color: rgba(0, 0, 0, 0.80); } */ /* .our_service_boxs:hover .our_service_text ul li { color: rgba(0, 0, 0, 0.80); } */ /* Why Us? */ section.why_us_section { padding: 120px 0; position: relative; } div#why { padding-bottom: 65px; } .partner_main { padding-top: 36px; } body.main_change_language .partner_main { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .partner_title h6 { color: #000; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; padding-bottom: 15px; } .partner_title p { color: rgba(0, 0, 0, 0.60); font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; padding-bottom: 34px; } .partner_title ul li { color: rgba(0, 0, 0, 0.60); font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; text-transform: capitalize; position: relative; padding-left: 12px; list-style: none; } .partner_title ul li::before { content: ""; position: absolute; left: 0; top: 27%; transform: translateY(-50%); width: 4px; height: 4px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; } .partner_title ul { padding-left: 10px; } body.main_change_language .partner_title ul{ padding-right: 10px; } body.main_change_language .partner_title ul li { padding-right: 12px; } body.main_change_language .partner_title ul li::before { right: 0; top: 50%; left: unset; } .partner_form h3 { font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: end; padding-top: 20px; } .partner_form { margin-top: -62%; } .partner_form img { width: 100%; } .one_box { background: #000; padding: 26px 10px 12px 8px; } body.main_change_language .one_box { width: 100%; } .partner_boxs { display: flex; justify-content: center; gap: 20px; text-align: center; padding-top: 72px; } .one_box h5 { color: #FFF; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; border-top: 1px solid rgb(255 255 255 / 46%); padding-top: 10px; } .one_box img { padding-bottom: 26px; } .our_service_btn.text-end button.about_us_btn { padding: 3px 20px 3px 29px; margin-top: 97px; } /*our team */ section.our_team_section { padding-bottom: 120px; margin-top: 50px; } .our_team_main h2 { color: #000; font-family: "Urbanist", sans-serif; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 5px; } .our_team_main h2 span { background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Urbanist", sans-serif; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; } .our_team_main p { color: rgba(0, 0, 0, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; } .our_team_box h3 { color: #000; text-align: center; font-family: "Urbanist", sans-serif; font-size: 27px; font-style: normal; font-weight: 600; line-height: normal; padding-top: 14px; } .our_team_box p { color: rgba(0, 0, 0, 0.60); text-align: center; font-family: "Urbanist", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 20px; } .our_team_section .container { margin: 0 auto; padding: 0 15px; } .our_team_section .row { display: flex; flex-wrap: wrap; gap: 20px; /* spacing between columns */ } .our_team_section .col { flex: 1; } /* Left column takes about 1/3 width */ .our_team_section .left-col { flex: 0 0 28%; max-width: 28%; display: flex; align-items: center; } .our_team { background-image: url(../image/Group\ 6.webp); background-repeat: no-repeat; background-size: cover; flex: 1 1 calc(33.333% - 20px); box-sizing: border-box; min-height: 429px; width: 344px; } .main-members { display: flex; align-items: center; gap: 33px; justify-content: end; } #main_members { /* display: flex; */ align-items: center; /* gap: 55px; */ } .our_team_box:nth-child(1) img{ height: 397px; object-fit: cover; } .our_team_box img { margin-top: -68px; margin-left: -33px; } div#our_team_two img { margin-left: 35px; margin-top: -65px; margin-right: 46px; } div#our_team_three img { margin-left: 17px; margin-right: 17px; margin-top: -66px; } /*What Our Clients Say */ section.clients_say_section { padding-bottom: 120px; } .marquee-container { overflow: hidden; width: 100%; position: relative; padding-top: 80px; } .marquee { display: inline-flex; animation: scroll 10s linear infinite; } /* testimonial card */ .testimonial { background: url(../image/Rectangle\ 51.webp) center/cover no-repeat; color: white; width: 100%; margin: 0 10px; padding: 60px 24px 40px 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); flex-shrink: 0; } body.main_change_language .testimonial { direction: rtl; } body.main_change_language .author { gap: 10px; } .testimonial p { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; border-bottom: 1px solid rgb(255 255 255 / 34%); padding-top: 50px; padding-bottom: 29px; min-height: 212px; } .author { margin-top: 22px; display: flex; align-items: center; } section#certification { margin-bottom: 120px; } .author img { width: 40px !important; height: 40px; border-radius: 50%; margin-right: 10px; } .author h4 { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 26px; /* 162.5% */ } .author span { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } /* logo slider */ .clients_logo_section { padding: 30px 0 30px; margin-bottom: 100px; background: #f9f9f9; } .logo-carousel .logo-item { display: flex; justify-content: center; align-items: center; padding: 15px; } .logo-carousel .logo-item img { max-width: 150px; max-height: 70px; object-fit: contain; /* filter: grayscale(100%); */ transition: transform 0.3s ease, filter 0.3s ease; } .logo-carousel .logo-item img:hover { transform: scale(1.1); filter: grayscale(0%); } /* logo slider */ /* Remove this part */ .marquee { display: inline-flex; animation: scroll 10s linear infinite; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* .owl-carousel .owl-item img{ display: unset; width:unset; } */ #our_blog_main { padding-top: 80px; row-gap: 40px; } .our_blog_box { position: relative; } .blog_dates { position: absolute; background: #FFF; padding: 10px 24px; right: 0; z-index: 11; } .blog_dates h2 { color: #000; font-size: 26px; font-style: normal; font-weight: 700; line-height: 24px; text-transform: uppercase; } .blog_dates p { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; } .our_blog_img p{ padding-bottom: 14px; padding-top: 14px; } .our_blog_img p a { color: rgba(0, 0, 0, 0.40); font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .our_blog_img { border-bottom: 1px solid rgba(0, 0, 0, 0.40); } .our_blog_text h3 a { padding-bottom: 16px; padding-top: 16px; color: #000; font-family: "Urbanist", sans-serif; font-size: 21px; font-style: normal; font-weight: 600; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 80px; } .our_blog_text p { color: rgba(0, 0, 0, 0.60); font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } button.our_blog_btn { background: transparent; border: none; padding-top: 16px; padding-left: 0; } body.main_change_language button.our_blog_btn { /* background: transparent; */ border: none; padding-top: 16px; padding-right: 0; } body.main_change_language .blog_main_img img { transform-origin: center center; } body.main_change_language button.our_blog_btn img { rotate: -90deg; } .blog_main_img img { transition: transform 0.5s ease; cursor: pointer; transform-origin: center left; width: 100%; height: 324px; object-fit: cover; } .blog_main_img { overflow: hidden; text-align: right; } .blog_slider .item img { width: 100%; height: auto; border-radius: 10px; } .our_blog_box:hover .blog_main_img img { transform: scale(1.1); } button.our_blog_btn { display: inline-flex; align-items: center; gap: 0px; /* text aur icon ke beech thoda space */ transition: transform 0.3s ease; font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: 5.5%; text-underline-offset: 4px; text-underline-position: from-font; text-decoration-color: #EA92A0; background: linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #e5967e; } /* pura anchor hover hone par thoda upar shift */ .our_blog_box:hover button.our_blog_btn { transform: translateY(-5px); } /* sirf image rotate kare hover par */ .our_blog_box:hover button.our_blog_btn img { transform: rotate(45deg); transition: transform 0.3s ease; } .main_change_language .our_blog_box:hover button.our_blog_btn img { transform: rotate(-45deg); transition: transform 0.3s ease; } /* image ko smoothly transition dena */ button.our_blog_btn img { transition: transform 0.3s ease; } /* Smooth transitions */ .blog_main_img img, .our_blog_btn a, .our_blog_btn img { transition: transform 0.3s ease; } /*safety_zone_section*/ .safety_zone_section { padding-bottom: 120px; padding-top: 120px; } .safety_zone_main { background-image:url(../image/background.webp); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 46px 36px; min-height: 486px; } .safety_zone_box { text-align: center; border: 1px solid #FFF; padding: 55px 13px; min-height: 394px; } .safety_zone_box h2 { color: #FFF; text-align: center; font-family: "Urbanist", sans-serif; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; padding-top: 30px; padding-bottom: 15px; } .safety_zone_box p { color: #FFF; text-align: center; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; text-transform: capitalize; min-height: 130px; } #safety_zone1 { padding-top: 70px; } /* Certifications*/ .certification-main { background: #000; padding: 70px 79px 75px 79px; margin-top: 80px; position: relative; } .certification-main .owl-carousel .owl-item img { height: 315px; width: 100% !important; border: 2px solid #fff; } .certification-content { display: flex; gap: 20px; padding-left: 20px; } .certification-content img { height: 315px; width: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); flex-shrink: 0; } .certification-button button#leftArrow { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 10; background: #fff; border: none; border-radius: 100%; cursor: pointer; padding: 0; } .certification-button button#rightArrow { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 10; background: #fff; border: none; border-radius: 100%; cursor: pointer; padding: 0; } /*contact_us_section */ section.contact_us_section { padding-bottom: 120px; /* padding-top: 120px; */ } .contact_us_main h2 { margin: auto; max-width: 55%; padding-bottom: 60px; } div#contact_us { background: #FFF; box-shadow: 0 0 60px 30px rgba(0, 0, 0, 0.03); width: 1196px; margin: 0 auto; } body.main_change_language .contact-form { direction: rtl; } body.main_change_language div#contact_us { direction: ltr; } body.main_change_language .contact-info { direction: rtl; } body.main_change_language .footer_details { padding-right: 162px; padding-left: 38px; } body.main_change_language .footer_menus { padding-right: 155px; padding-left: 0; } body.main_change_language div#footer_line2 { padding-right: 111px !important; padding-left: 0 !important; } body.main_change_language div#footer_line1 { padding-left: 120px !important; /* padding-right: 30px !important; */ } body.main_change_language #footer_btn img { rotate: -96deg; } body.main_change_language #footer_btn:hover img { transform: rotate(-40deg); } body.main_change_language .footer_main_img img.moving_client-arrow { position: absolute; top: -85px; left: -47.5%; transform: rotate(-108deg); } body.main_change_language .footer_main_img::before { content: ''; position: absolute; top: -57px; right: 92%; left: 0; width: 89px; height: 89px; background: url(../image/crafting_roots_footer_circle.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; /* opacity: 0.5; */ } .contact-info { background-image: url(../image/contact.webp); color: #fff; background-repeat: no-repeat; /* min-width: 300px; */ margin: 10px 0; padding: 40px 102px 72px 40px; } .contact-info h2 { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom: 14px; } .contact-info p { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .contact_details { margin-top: 80px; } .contact_social { display: flex; gap: 20px; } .main_change_language .contact_social { display: flex; gap: 20px; flex-direction: row-reverse; justify-content: flex-end; } .contact_details ul li { display: flex; gap: 15px; align-items: flex-start; } .contact_details ul li a{ color: #FFF; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 50px; } .contact-info p, .contact-info a { text-decoration: none; display: flex; align-items: center; gap: 10px; text-decoration-line: none !important; } .contact-info a:hover { text-decoration: underline; } .contact-form h2 { margin-top: 0; } .contact-form label { display: block; margin-top: 45px; margin-bottom: 0; font-weight: bold; color: #000; font-family: "Urbanist", sans-serif; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; } .contact-form .radio-group label { margin-top: 10px; } label.subject { color: #000; font-family: "Urbanist", sans-serif; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; } .contact-form { padding: 60px 50px 21px 50px; } .contact_2 { width: 100%; } .contact-1 .contact_2 p br{ display: none; } .contact-1 { display: flex; gap: 39px; justify-content: space-between; } .contact-form-one { display: flex; justify-content: space-between; } .contact-form input, .contact-form textarea { color: #8D8D8D; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; width: 100%; padding: 8px 0px 8px 0px; margin-bottom: 0px; border: 1px solid #ccc; border-radius: 0px; border-width: 0 0 1px 0; } .contact-form input[type="radio"] { width: auto; margin-right: 5px; } label.subject1 { margin-top: 15px; } div#contact label { margin-top: 0; } .contact-form .message br{ display: none; } .contact-form .radio-group { display: flex; gap: 15px; margin-bottom: 0px; align-items: center; } .contact-form .submit_btn input { background: #000; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12); padding: 9px 20px; border: none; cursor: pointer; color: #FFF; text-align: center; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .contact-form .submit_btn input:hover { background: #333; } .contact-form .submit_btn { float: right; margin-top: 38px; width: fit-content; } /*FOOTER */ footer#footer { background: #000; padding-top: 47px; } .footer1 { display: flex; /* justify-content: space-between; */ align-items: flex-start; padding-bottom: 30px; } /* div#footer_line1 { padding-right: 130px; padding-left: 30px; } */ div#footer_line1 { width: 33%; } /* div#footer_line2 { padding-left: 111px; } */ .footer_info img { width: 70px; /* thoda chhota rakha */ height: 70px; filter: brightness(0) invert(1); /* white banane ke liye */ } div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; /* padding: 0 151px 19px 111px; */ width: 44%; } .footer_detail h6 { font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 8px; } .footer_detail p a{ padding-bottom: 5px; color: #ffffffeb; font-family: "Urbanist", sans-serif; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; margin: 0px 0; } .footer_detail p a:hover{ background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .footer_info { display: flex; gap: 36px; align-items: center; justify-content: center; } .footer-center { border-top: 1px solid #444; border-bottom: 1px solid #444; padding-top: 60px; padding-bottom: 60px; } .footer_menus { display: flex; justify-content: space-between; padding-left: 155px; } .footer_menu1 ul li a { color: rgba(255, 255, 255, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .footer_menu1 ul li a:hover{ background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .footer_menu1 ul { padding-top: 15px; } .footer_menu1 ul li { padding-bottom: 20px; } .footer_menu1 ul li:last-child { padding-bottom: 0; } .footer_details { padding-left: 162px; padding-right: 38px; } .copyright { padding-left: 40px; } .footer_main_img img.moving_client-arrow { position: absolute; top: -86px; left: 84.5%; opacity: 0.5; } .footer_main_img{ position: relative; } .footer_lago { padding-left: 68px; padding-top: 72px; } .footer_main_img::before { content: ''; position: absolute; top: -57px; left: 111%; width: 89px; height: 89px; background: url(../image/crafting.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; opacity: 0.5; } .footer_lago img { width: 166px; height: 58px; } .footer_details h3 { padding-bottom: 1; color: #FFF; font-family: "Urbanist", sans-serif; font-size: 21px; font-style: normal; font-weight: 500; padding-bottom: 15px; } .footer_details p { color: rgba(255, 255, 255, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .copyright p { color: rgba(255, 255, 255, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } /* Apply smooth transition to all relevant elements */ #footer_btn, #footer_btn a, #footer_btn img { transition: transform 0.3s ease; } /* When hovering anywhere on the button */ #footer_btn:hover a { transform: translateY(-5px); } #footer_btn:hover img { transform: rotate(45deg); } .Social_links { display: flex; gap: 13px; justify-content: flex-end; } .Social_links ul { display: flex; gap: 19px; } .Social_links p { color: rgba(255, 255, 255, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .Social_links ul li a{ color: rgba(255, 255, 255, 0.60); font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .Social_links ul li a:hover{ background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .footer-bottom { padding: 20px 0 23px 0; } body.main_change_language .submit_btn { text-align: start; margin-top: 38px; } /* Radio group layout */ .radio-group { display: flex; gap: 30px; flex-wrap: wrap; } /* Hide default radio input */ .radio-group .wpcf7-list-item input[type="radio"] { display: none; } /* Label styling */ .radio-group .wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 18px; font-weight: 400; user-select: none; color: #333; transition: color 0.2s ease; padding-left: 28px; /* leave space for custom circle */ } .radio-group .wpcf7-list-item-label:hover { color: #000; } /* Custom radio circle */ .wpcf7-list-item-label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; background-color: #e0e0e0; border: 2px solid #e0e0e0; transition: all 0.2s ease; } /* Checked state */ .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before { background-color: #fff; border-color: #fff; } /* Replace inner dot with checkmark for checked state */ input[type="radio"]:checked + .wpcf7-list-item-label::after { content: url("../image/Vector (1).svg"); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; } /* Focus effect */ .wpcf7-list-item input[type="radio"]:focus + .wpcf7-list-item-label::before { outline: 2px solid #000; outline-offset: 2px; } body.main_change_language .radio-group .wpcf7-list-item{ margin: 0 0px 0 60px; } .contact-form .wpcf7-list-item { display: inline-block; margin: 0 2em 0 0em; } body.main_change_language .contact-form .submit_btn{ float: left; } .wpcf7 form .wpcf7-response-output{ margin: 5em 0.5em 1em !important; padding: 0px !important; } .inopvation1 .counter { margin-right: -8px !important; } button#enable-toolbar-trigger{ left: unset !important; right: 28px !important; top: -118px; } #enable-toolbar-trigger svg { width: 49px !important; height: 45px !important; /* overflow: initial; */ } /* cookies css */ .cn-close-icon{ top: 15px !important; } span#cn-notice-text{ padding-top: 8px; margin-left: 10px; font-weight: 400; font-size: 13px; text-align: center; } /* Responsive design */ @media (max-width: 600px) { .radio-group { flex-direction: column; gap: 15px; } } /* Changes CSS 08/09/2025 */ .inopvation1 { width: 179px; height: 193px; } #innovation_bg { width: 179px; height: 193px; } .mobile-platform { display: none; } @media (max-width:1710px){ .banner_carousel .owl-nav button.owl-prev, .banner_carousel .owl-nav button.owl-next { top: -45%; } } @media (max-width:1680px) { div#footer_line2 { padding-left: 50px; } div#footer_line1 { width: 45%; } body.main_change_language .client_moving_circle::before{ left: 44%; } body.main_change_language .client_moving_circle img.moving_client-arrow{ right: 53%; } body.main_change_language .hero-circle img.arrow_images { right: 65.5% !important; top: 45px !important; } } @media (max-width:1512px) { .about_img_main img{ min-height: 635px; object-fit: cover; } .our_team_section .left-col{ flex: 0 0 18%; max-width: 18%; } .Social_links { display: flex; gap: 13px; justify-content: flex-end; padding-right: 99px; } .copyright { padding-left: 80px; } .footer_info img { width: 50px; height: 50px; filter: brightness(0) invert(1); } .main_change_language .safety_zone_box p{ min-height: 103px; } body.main_change_language .footer_main_img img.moving_client-arrow { position: absolute; top: -81px; left: -37.5%; transform: rotate(-90deg); } .testimonial { background: url(../image/Rectangle\ 51.webp) center/cover no-repeat; color: white; width: 100%; margin: 0 0px; padding: 60px 24px 40px 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); flex-shrink: 0; } .testimonial p { color: #FFF; font-family: "Urbanist", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; border-bottom: 1px solid rgb(255 255 255 / 34%); padding-top: 50px; padding-bottom: 29px; min-height: 236px; } .footer_main_img img.moving_client-arrow { position: absolute; top: -85px; left: 102.5%; width: 50px; height: 50px; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -73px; left: 75%; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: -87px; right: 73%; left: 0; } body.main_change_language .client_moving_circle::before { content: ''; position: absolute; top: -59px; left: 24%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } .client_moving_circle::before { content: ''; position: absolute; top: -44px; left: 78%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } .partner_form { margin-top: -75%; } body.main_change_language .our_team_main { margin-left: 140px; margin-right: 0; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 86px; right: 92px; width: 150px; height: 150px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } @keyframes rotateBg { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(-360deg); /* clockwise */ } } .hero_starts_section { display: flex; gap: 34px; padding-top: 49px; justify-self: end; } .about_us_text h3 { padding-bottom: 20px; } .about_us_text p { padding-bottom: 15px; } button.about_us_btn { margin-top: 16px; } .partner_main { padding-top: 0; } .partner_boxs { padding-top: 59px; } .main-members { display: flex; align-items: center; gap: 10px; justify-content: end; } .our_team_section .row{ flex-wrap: nowrap; } .main_members { display: flex; align-items: center; gap: 35px; } .safety_zone_box h2 { min-height: 113px; } /* div#footer_line1 { padding-right: 80px; padding-left: 103px; } */ div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; /* padding: 0 100px; */ } .footer_lago { padding-left: 98px; padding-top: 72px; } .footer_details { padding-left: 72px; padding-right: 68px; } div#footer_line2 { padding-left: 70px; } .hero-circle img.arrow_images { width: 70px; height: 80px; top: 49px !important; left: 67% !important; } body.main_change_language .hero-circle img.arrow_images { right: 66.5% !important; top: 47px !important; } } @media (max-width:1440px) { .Social_links { display: flex; gap: 13px; justify-content: flex-end; padding-right: 50px; } /* div#footer_line1 { padding-right: 70px; padding-left: 0px; } */ div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; /* padding: 0 70px; */ } div#footer_line2 { padding-left: 50px; } .our_service_title h4 { font-size: 22px; } body.main_change_language .footer_main_img img.moving_client-arrow { position: absolute; top: -81px; left: -28.5%; transform: rotate(-90deg); } body.main_change_language div#footer_line2 { padding-right: 70px !important; padding-left: 0 !important; } body.main_change_language div#footer_line{ padding: 0 60px; } body.main_change_language div#footer_line1 { padding-left: 70px !important; padding-right: 30px !important; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 86px; right: 90px; width: 150px; height: 150px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } @keyframes rotateBg { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } /* body.main_change_language img.arrow_images { position: absolute; right: 64%; top: 45px; } */ .hero-content h1 { font-size: 62px; } .about_us_text h3 { padding-bottom: 20px; } .hero-content h1 span { font-size: 62px; } .hero-circle::before { content: ''; position: absolute; top: 86px; right: -61px; width: 130px; height: 130px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } .our_service_boxs { padding: 50px 0; } .contact_us_main h2 { margin: auto; max-width: 50%; padding-bottom: 60px; } .blog_main_img img { transition: transform 0.5s ease; cursor: pointer; transform-origin: center left; width: 100%; height: 284px; } .whyus_img { display: flex; } .about_img_main img{ height: 100%; object-fit: cover; } .footer_main_img img.moving_client-arrow { position: absolute; top: -82px; left: 101%; } .footer_lago { padding-left: 0; padding-top: 72px; } .footer_menus{ padding-left: 110px; } .footer_details{ padding-right: 0; } .footer-bottom .col-lg-6{ padding: 0px; } .copyright { padding-left: 0; } .Social_links { padding-right: 0; } .main_change_language .safety_zone_box p{ min-height: 130px; } .hero-circle img.arrow_images{ right: 29px !important; } } @media (max-width:1366px) { .client_moving_circle::before { top: -43px; left: 90%; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -67px; left: 86%; } .our_team_section .row { display: flex; gap: 20px; flex-wrap: wrap; flex-direction: column; } .our_team_section .left-col { flex: 0 0 100%; max-width: 100%; margin-bottom: 70px; } .testimonial p { min-height: 260px; } .safety_zone_box p{ max-height: 185px !important; } .footer_details { padding-left: 72px; padding-right: 0; } .footer_menus { padding-left: 100px; } div#footer_line1 { width: 32%; } .footer_main_img img.moving_client-arrow { position: absolute; top: -75px; left: 87%; } .footer_main_img::before { top: -49px; left: 95%; } div#our_team_two img{ margin-left: 0; margin-top: -48px; margin-right: 46px; } .our_team_box:nth-child(1) img { height: 397px; object-fit: contain; width: 100%; } .our_team_box img { margin-top: -49px; margin-left: 0; } div#our_team_three img { margin-left: 0; margin-right: 0; margin-top: -50px; } /* body.main_change_language img.arrow_images { right: 76%; } */ body.main_change_language div#our_team_two img{ margin-right: 0; } body.main_change_language .safety_zone_box h2{ min-height: auto; } .main_change_language .safety_zone_box p { min-height: 130px; } .hero-circle img.arrow_images { width: 70px; height: 80px; top: 49px !important; left: 62% !important; } body.main_change_language .hero-circle img.arrow_images { right: 78.5% !important; top: 49px !important; } } @media (max-width:1280px) { .hero-circle img.arrow_images { height: 60px !important; top: 36px !important; left: 65% !important; } body.main_change_language .hero-circle img.arrow_images { height: 60px !important; top: 37px !important; right: 64% !important; } body.main_change_language .radio-group .wpcf7-list-item { margin: 0 0px 0 65px; } body.main_change_language div#footer_line2 { padding-right: 30px !important; padding-left: 0 !important; } body.main_change_language div#footer_line { padding: 0 30px; } body.main_change_language div#footer_line1 { padding-left: 30px !important; padding-right: 30px !important; } .testimonial { background: url(../image/Rectangle\ 51.webp) center/cover no-repeat; color: white; width: 100%; margin: 0 0px; padding: 40px 20px 40px 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); flex-shrink: 0; } .testimonial p { min-height: 260px; } /* div#footer_line1 { padding-right: 50px; padding-left: 63px; } */ body.main_change_language .footer_main_img img.moving_client-arrow { position: absolute; left: -53.5%; } body.main_change_language .our_service_title{ text-align: center; } div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; padding: 0 35px; } .footer_main_img::before { content: ''; position: absolute; top: -105px; left: 107%; width: 89px; height: 89px; background: url(../image/crafting.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; opacity: 0.5; } .footer_main_img img.moving_client-arrow { position: absolute; top: -85px; left: 94.5%; width: 50px; height: 50px; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: -84px; right: 74%; left: 0; } body.main_change_language .inopvation1, .inopvation1 span.counter { text-align: right; color: #FFF; font-size: 40px; font-style: normal; font-weight: 900; line-height: normal; } .inopvation1 { width: 160px; height: 160px; } #innovation_bg { width: 169px; height: 160px; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -73px; left: 86.1%; } .client_moving_circle::before { content: ''; position: absolute; top: -44px; left: 90%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } body.main_change_language .client_moving_circle::before { content: ''; position: absolute; top: -59px; left: 22%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } .one_box.one_box1 img { width: 30%; } .one_box img { padding-bottom: 26px; } .partner_form h3 { font-size: 28px; padding-top: 10px; } .partner_form { margin-top: -120%; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 66px; right: 70px; width: 130px; height: 130px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } /* body.main_change_language img.arrow_images { position: absolute; right: 61%; top: 31px; } */ body.main_change_language div#our_team_two img { margin-left: 57px; margin-top: -52px; margin-right: 28px; width: 80%; } body.main_change_language .our_team_main { margin-left: 40px; margin-right: 0; } .hero-circle::before { content: ''; position: absolute; top: 63px; right: -51px; width: 114px; height: 114px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } .hero-content h1 { font-size: 45px; } .hero-content h1 span { font-size: 45px; } div#contact_us { background: #FFF; box-shadow: 0 0 60px 30px rgba(0, 0, 0, 0.03); width: 100%; margin: 0 auto; } h2.heading_title { font-size: 40px; } .about_us_text { padding-right: 0; } .blog_main_img img { transition: transform 0.5s ease; cursor: pointer; transform-origin: center left; width: 100%; height: 250px; } div#safety_zone { --bs-gutter-x: 2rem !important; } .safety_zone_box img { WIDTH: 30%; } .safety_zone_box { text-align: center; border: 1px solid #FFF; padding: 25px 13px; } .safety_zone_main { background-image:url(../image/background.webp); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 30px; min-height: 455px; } .inopvation1 p { color: #FFF; text-align: right; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; padding-top: 8px; } .inopvation1, .inopvation1 span.counter { color: #FFF; font-size: 40px; font-style: normal; font-weight: 900; line-height: normal; } .our_team { background-image: url(../image/Group\ 6.webp); background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 450px; width: 100%; } .our_team_box img { margin-top: -52px; margin-left: -5px; width: 100%; } div#our_team_two img { margin-left: 27px; margin-top: -51px; margin-right: 46px; width: 82%; } div#our_team_three img { margin-left: 17px; margin-right: 17px; margin-top: -52px; width: 90%; } section.our_team_section { padding-bottom: 120px; margin-top: 0; } .our_team_main { margin-right: 10px; } .footer_info img { width: 50px; height: 50px; filter: brightness(0) invert(1); } div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; padding: 0 50px; } div#footer_line2 { padding-left: 40px; } .copyright { padding-left: 80px; } .footer_detail p { padding-bottom: 5px; color: #ffffffeb; font-family: "Urbanist", sans-serif; font-size: 19px; font-style: normal; font-weight: 400; line-height: normal; margin: 0px 0; } .footer_info { display: flex; gap: 20px; align-items: center; } .footer_menus { display: flex; justify-content: space-between; padding-left: 50px; } .Social_links { display: flex; gap: 13px; justify-content: flex-end; padding-right: 69px; } .footer_details { padding-left: 46px; padding-right: 58px; } .footer_lago { padding-left: 80px; padding-top: 72px; } .footer_main_img img.moving_client-arrow { position: absolute; top: -126px; left: 94.5%; } } @media (max-width:1024px) { .clients_logo_section { padding: 30px 0 30px; margin-bottom: 60px; background: #f9f9f9; } .partner_main { padding-top: 0; padding-bottom: 30px; } .hero-circle img.arrow_images{ top: 37px !important; left: 58%!important; right: 0!important; } body.main_change_language .hero-circle img.arrow_images{ right: 57% !important; top: 38px !important; } .Social_links { display: flex; gap: 13px; justify-content: flex-end; padding-right: 9px; } .copyright { padding-left: 0px; } footer#footer { background: #000; padding-top: 47px; padding-right: 20px; padding-left: 20px; } .footer_detail p a { padding-bottom: 5px; color: #ffffffeb; font-family: "Urbanist", sans-serif; font-size: 19px; font-style: normal; font-weight: 400; line-height: normal; margin: 0px 0; } .footer_main_img::before { content: ''; position: absolute; top: -127px; left: 81%; width: 89px; height: 89px; background: url(../image/crafting.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; opacity: 0.5; } .footer_main_img img.moving_client-arrow { position: absolute; top: -155px; left: 68.5%; width: 50px; height: 50px; } .partner_boxs { padding-top: 88px; } body.main_change_language button.banner_btn { padding: 2px 20px 2px 8px; height: 40px; } body.main_change_language .banner_carousel .owl-dots { position: absolute; bottom: 49px; right: -89%; left: 0; } .banner_carousel .owl-dots { position: absolute; bottom: 49px; left: 4%; } .banner_carousel .owl-dots { position: absolute; bottom: 49px; left: 4%; } #safety_zone1 { padding-top: 40px; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -70px; left: 82.1%; } .client_moving_circle::before { content: ''; position: absolute; top: -44px; left: 86%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: -83px; right: 66.1%; left: 0; } body.main_change_language .client_moving_circle::before { content: ''; position: absolute; top: -59px; left: 29%; width: 89px; height: 89px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } .partner_form { margin-top: 40px; /* text-align: center; */ } .partner_form img { width: unset; height: 400px; } body.main_change_language div#our_team_two img { margin-left: 58px; margin-top: 5px; margin-right: 26px; width: 79%; } body.main_change_language .safety_zone_box{ min-height: 384px; } body.main_change_language .safety_zone_main{ min-height: 100%; } body.main_change_language .our_team_main { margin-left: 30px; margin-right: 0; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 66px; right: 30px; width: 130px; height: 130px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } /* body.main_change_language img.arrow_images { position: absolute; right: 52%; top: 28px; } */ .hero-banner { position: relative; overflow: hidden; height: 87vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } .our_service_boxs { padding: 40px 0; } h2.heading_title { font-size: 35px; } h2.heading_title2 { font-size: 35px; } .our_service_btn.text-end button.about_us_btn { padding: 3px 20px 3px 29px; margin-top: 85px; } .our_team_main h2 span { font-size: 35px; } .our_team_main h2 { font-size: 35px; } #main_members { align-items: center; } div#our_team_two img { margin-left: 21px; margin-top: -2px; margin-right: 46px; width: 82%; } section.our_team_section { padding-bottom: 0px; margin-top: 0px; } .our_team_box img { margin-top: 5px; margin-left: -5px; width: 100%; } div#our_team_three img { margin-left: 17px; margin-right: 17px; margin-top: 4px; width: 90%; } .main_members { display: block; } .blog_main_img img { transition: transform 0.5s ease; cursor: pointer; transform-origin: center left; width: 100%; height: 100%; } .blog_dates { padding: 10px; } .blog_dates p { font-size: 14px; } .blog_dates h2 { font-size: 20px; } .our_blog_img p a { font-size: 15px; } .partner_form h3 { text-align: left; } body.main_change_language .partner_form h3 { text-align: right; } .our_team_section .left-col { margin-bottom: 0px; } .one_box { background: #000; padding: 10px 10px 10px 8px; } .partner_title p { padding-bottom: 20px; } section.about_us_section { padding: 60px 00px; } section.why_us_section { padding: 60px 0px; position: relative; } .our_service_img { overflow: hidden; width: 100%; } body.main_change_language .our_service_title{ text-align: right; } div#safety_zone { --bs-gutter-x: 1.2rem !important; } #safety_zone { padding-top: 60px; } #our_blog_main { padding-top: 40px; row-gap: 30px; } .marquee-container { padding-top: 40px; } div#why { padding-bottom: 40px; } section.contact_us_section { padding-bottom: 60px; /* padding-top: 60px; */ } .contact_us_main h2 { margin: auto; max-width: 50%; padding-bottom: 40px; } .safety_zone_box h2 { font-size: 25px; } .safety_zone_main { background-image:url(../image/background.webp); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; } .safety_zone_section { padding-bottom: 60px; } .certification-main { background: #000; padding: 70px 79px 75px 79px; margin-top: 40px; position: relative; } section.clients_say_section { padding-bottom: 60px; } .contact-info { background-image: url(../image/contact.webp); color: #fff; background-repeat: no-repeat; margin: 10px 0; padding: 40px 42px 72px 40px; } .testimonial { background: url(../image/Rectangle\ 51.webp) center/cover no-repeat; color: white; width: 100%; margin: 0 0px; padding: 40px 20px 40px 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); flex-shrink: 0; } .footer_details { padding-left: 45px; padding-right: 0; } .footer_lago { padding-left: 0px; padding-top: 72px; } .footer_menus { display: flex; justify-content: space-between; padding-left: 0px; gap: 15px; } div#footer_line1 { padding-right: 40px; padding-left: 0px; } div#footer_line { border-left: 1px solid #444; border-right: 1px solid #444; padding: 0 40px; } div#footer_line2 { padding-left: 20px; } .footer_info img { width: 40px; height: 40px; filter: brightness(0) invert(1); } .our_service_title h4 { position: relative; display: inline-block; color: #000; font-size: 19px; font-weight: 400; text-transform: uppercase; transition: color 0.3s ease-in-out; } .certification-main .owl-carousel .owl-item img{ object-fit: cover; } .contact-form .wpcf7-list-item { display: inline-block; margin: 0 10px 0 0em; } .footer_detail p a{ font-size: 21px; font-weight: 500; } #safety_zone1 .col-lg-4{ padding: 0 10px; } /* 11/9/25 JANVI */ body.main_change_language .footer_details { padding-right: 52px; padding-left: 8px; } body.main_change_language .footer_menus { padding-right: 0px; padding-left: 0; } body.main_change_language .footer_main_img::before { top: -133px; right: 0%; left: 0; } body.main_change_language .footer_main_img img.moving_client-arrow { top: -156px; left: 48.5%; } body.main_change_language div#footer_line2 { padding-right: 20px !important; padding-left: 0 !important; } .about_img_main img { width: 100%; } .main_change_language .our_service_img { width: 100%; text-align: right; } .partner_boxs { padding-top: 25px; } .contact-form .radio-group { display: flex; gap: 4px; margin-bottom: 0px; align-items: center; } .our_team_box:nth-child(1) img { height: 325px; object-fit: contain; width: 100%; } div#our_team_two img{ margin-top: 3px; } #our_blog_main .col-lg-3{ width: 50%; } body.main_change_language div#footer_line1 { padding-left: 40px !important; padding-right: 0px !important; } body.main_change_language div#footer_line { padding: 0 30px; } body.main_change_language div#footer_line2 { padding-right: 30px !important; padding-left: 0 !important; } body.main_change_language .radio-group .wpcf7-list-item{ margin: 0 0px 0 45px; } div#footer_line1 { align-items: flex-start; display: flex; justify-content: flex-start; align-items: center; } div#footer_line{ display: flex; justify-content: flex-start; } body.main_change_language .innovation_box.d-flex.justify-content-end{ left: 10px; } .innovation_box.d-flex.justify-content-end{ right: 10px; } } @media (max-width:991px) { /* 11/9/25 JANVI */ body.main_change_language .footer_main_img img.moving_client-arrow { top: -156px; left: 87.5%; } body.main_change_language .footer_details { padding-right: 0px; padding-left: 8px; PADDING-TOP: 50PX; } div#footer_line { padding: 0 16px; } } @media (max-width:820px) { .our_team_box img { height: 100% !important; } .our_team_box img { margin-top: 31px; } div#our_team_two img { margin-top: 13px; } div#our_team_three img{ margin-top: 28px; } .our_team_box h3{ font-size: 20px !important; } .our_team_box p{ font-size: 17px !important; } body.main_change_language div#our_team_two img{ margin-top: 24px; } .our_service_title h4::after{ left: 50%; width: 100%; } footer#footer { background: #000; padding-top: 47px; padding-right: 30px; padding-left: 30px; } .client_moving_circle img.moving_client-arrow { position: absolute; top: -70px; left: 90.1%; } .client_moving_circle::before{ top: -44px; left: 95%; } .footer_main_img::before { content: ''; position: absolute; top: -37px; left: 70%; width: 89px; height: 89px; background: url(../image/crafting.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; opacity: 0.5; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: -87px; right: 74.1%; left: 0; } body.main_change_language .client_moving_circle::before{ left: 21%; } .footer_main_img img.moving_client-arrow { position: absolute; top: -65px; left: 66.5%; width: 50px; height: 50px; } .whyus_img { display: block; } body.main_change_language .inopvation1, .inopvation1 span.counter{ font-size: 35px; } .service_title_spacing { padding-top: 0px; } div#our_blog_main { row-gap: 30px; } .contact_details { margin-top: 40px; } .contact_details ul li a{ color: #FFF; font-family: "Urbanist", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 30px; } .partner_boxs { padding-top: 28px; } div#last_safety { margin: 0 auto; max-width: 49%; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: -4px; right: 80%; width: 90px; height: 90px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } /* body.main_change_language img.arrow_images { position: absolute; right: 89%; top: -28px; } */ .banner_carousel { padding-right: 15px; padding-left: 15px; } .banner_carousel .owl-dots { position: absolute; bottom: 49px; left: 6%; } body.main_change_language .banner_carousel .owl-dots { position: absolute; bottom: 49px; right: -83%; left: 0; } .hero-banner { position: relative; overflow: hidden; height: 78vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } .hero-circle::before { content: ''; position: absolute; top: -11px; right: -51px; width: 100px; height: 100px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } img.arrow_images { position: absolute; right: 22px; top: -37px; } .hero-circle img.arrow_images { top: -34px !important; left: 90%!important; right: 0!important; width: 50px!important; height: 50px!important; } body.main_change_language .hero-circle img.arrow_images { right: 89% !important; top: -33px !important; } .about_heding { padding-bottom: 20px; } .about_us_images { position: relative; MARGIN-TOP: 50PX; } .inopvation1 p { font-size: 21px; } .inopvation1, .inopvation1 span.counter { font-size: 35px; } .our_service_boxs { padding: 40px 0; gap: 30px; } #main_members { /* display: flex; */ align-items: center; /* gap: 55px; */ gap: 20px; } .our_service_title h4 { font-size: 21px; } div#our_space { padding-left: 72px; } .about_img_main img { width: 100%; } .contact-info { background-image: url(../image/contact.webp); color: #fff; background-repeat: no-repeat; margin: 10px AUTO; padding: 40px 40px 40px 40px; WIDTH: 100%; background-size: cover; background-position: center; } #safety_zone1{ justify-content: center; } .contact_us_main h2 { margin: auto; max-width: 80%; padding-bottom: 40px; } .footer1 { display: flex; /* justify-content: space-between; */ align-items: flex-start; padding-bottom: 20px; flex-direction: column; gap: 25px; } div#footer_line { border-left: 0px solid #444; border-right: 0px solid #444; padding: 0 0px; } div#footer_line2 { padding-left: 0px; } .footer_lago { padding-left: 0px; padding-top: 0; } .footer_details { padding-left: 0px; padding-right: 0; padding-top: 25px; } .footer-center { border-top: 1px solid #444; border-bottom: 1px solid #444; padding-top: 30px; padding-bottom: 30px; } .Social_links { display: flex; gap: 13px; justify-content: start; } .Social_links { display: flex; gap: 13px; justify-content: start; padding-top: 20px; padding-left: 0px; } .copyright { padding-left: 0px; } body.main_change_language div#footer_line1 { padding-left: 0px !important; padding-right: 0px !important; } body.main_change_language div#footer_line { padding: 0 0px; } body.main_change_language div#footer_line2 { padding-right: 0px !important; padding-left: 0 !important; } body.main_change_language .footer_main_img::before { top: -31px; right: 21%; left: 0px; } body.main_change_language .footer_main_img img.moving_client-arrow { top: -56px; left: 63.5%; } } @media (max-width:768px) { .hero-circle img.arrow_images { top: -34px!important; left: 90% !important; right: 0 !important; } body.main_change_language .hero-circle img.arrow_images { right: 89% !important; top: -33px !important; } .hero-banner { position: relative; overflow: hidden; height: 90vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } /* 11/9/25 JANVI */ body.main_change_language .footer_details { padding-right: 0px; padding-left: 8px; } body.main_change_language div#footer_line1 { padding-left: 25px !important; padding-right: 0px !important; } body.main_change_language div#footer_line2 { padding-right: 0px !important; padding-left: 0 !important; } body.main_change_language .footer_main_img img.moving_client-arrow { top: -55px; left: 62.5%; } body.main_change_language .safety_zone_main { min-height: 100%; margin: 0 10px; } } @media (max-width:767px) { .about_img_main img { min-height: 100%; object-fit: cover; } .our_service_section .col-12:first-child .our_service_boxs{ padding: 40px 0 40px 0; } .partner_form img { width: 100%; height: 100%; } .our_service_img img{ width: 100%; object-fit: cover; } .partner_boxs { padding: 28px 0; width: 100%; flex-wrap: nowrap; overflow: hidden; gap: 10px; } body.main_change_language .innovation_box span.counter { margin-left: 0px !important; } .innovation_box .counter { margin-right: 0px !important; } body.main_change_language .main_hero_star{ text-align: right !important; } body.main_change_language .radio-group .wpcf7-list-item { margin: 0 0px 0 20px; } body.main_change_language .about_us_text, .about_us_text { padding-left: 0px; padding-bottom: 0px; } body.main_change_language .about_us_text h3 { padding-left: 0; padding-right: 0; } footer#footer { background: #000; padding-top: 47px; padding-right: 0; padding-left: 0; } section#our_blog { padding-bottom: 30px; } div#footer_line1 { width: 100%; } div#footer_line { width: 100%; } div#footer_line2{ width: 100%; } body.main_change_language .hero-circle::before { content: ''; position: absolute; top: 5px; right: 65%; width: 80px; height: 80px; background-repeat: no-repeat; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } /* body.main_change_language img.arrow_images { position: absolute; right: 83%; top: -20px; } */ .hero-banner { position: relative; overflow: hidden; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } .hero-content h1 { font-size: 35px; } .hero-content h1 span { font-size: 35px; } .hero-circle::before { content: ''; position: absolute; top: 0px; right: -32px; width: 80px; height: 80px; background: url(../image/banner1_1.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; z-index: -1; } img.arrow_images { position: absolute; right: 22px; top: -27px; } .hero_starts_section { display: block; gap: 34px; padding-top: 49px; justify-self: start; } body.main_change_language .hero-circle img.arrow_images { right: 80% !important; top: -24px !important; } .hero-circle img.arrow_images { top: -24px !important; left: 80.5% !important; } button.banner_btn { background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); padding: 2px 10px 2px 23px; transition: all 0.3s ease; border: none; margin-top: 20px; height: 40px; } .banner_carousel { position: absolute; bottom: 80px; left: 0px; } body.main_change_language .banner_carousel .owl-dots { position: absolute; bottom: -50px; right: 0; left: 0; } .banner_carousel .owl-dots { position: absolute; bottom: -52px; left: 0; right: 0; } .contact-info { background-image: url(../image/contact.webp); color: #fff; background-repeat: no-repeat; margin: 10px AUTO; padding: 40px 20px 40px 20px; WIDTH: 100%; } .contact-form { padding: 20px; } .contact-form .radio-group { display: ruby; gap: 62px; margin-bottom: 0px; justify-content: end; } h2.heading_title2 { font-size: 25px; } .contact_us_main h2 { margin: auto; max-width: 100%; padding-bottom: 40px; } .contact_details { margin-top: 40px; } .contact_details ul li a { padding-bottom: 30px; } .certification-main { background: #000; padding: 40px; margin-top: 40px; position: relative; } .certification-button button#leftArrow { left: 10px; } .certification-button button#rightArrow { right: 10px; } .our_service_title { padding: 20px 0; } div#our_space { padding-left: 0px; } .innovation_box.d-flex.justify-content-end { right: 5px; gap: 35px; position: relative; top: 0; z-index: 11; } .service_title_spacing { padding-top: 0px; } .header-container, .container{ padding: 0 20px; } body.main_change_language .innovation_box.d-flex.justify-content-end { right: 0px; left: unset; gap: 25px; position: relative; top: -19%; z-index: 11; } .our_service_btn.text-end button.about_us_btn { padding:3px 20px 3px 29px; margin-top: 20px; } h2.heading_title { font-size: 25px; } #main_members { /* display: flex; */ align-items: center; /* gap: 55px; */ gap: 0; } .text-end { text-align: start !important; } .inopvation1, .inopvation1 span.counter { font-size: 25px; } .inopvation1 p { font-size: 19px; } .about_img_main img { /* width: 100%; */ width: 100%; padding-top: 0px; } section.our_team_section { padding-bottom: 30px; margin-top: 0px; } .safety_zone_box h2 { min-height: 50px; } .safety_zone_box h2 { font-size: 22px; } h2.heading_title2 br { display: none; } .our_service_boxs { justify-content: space-between; display: block; align-items: center; padding: 30px px; border-bottom: 1px solid rgba(0, 0, 0, 0.60); transition: transform 0.3s ease, box-shadow 0.3s ease; } .about_us_images { position: relative; MARGIN-TOP: 40PX; } button.about_us_btn { margin-top: 0; } .our_service_text p { padding-bottom: 15px; } div#why { padding-bottom: 20px; } element.style { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; } .our_service_boxs { padding: 0px 0; gap: 30px; } .one_box img { padding-bottom: 26px; height: 60px; width: auto; } .one_box.one_box1 img { width: 24%; } .one_box h5{ font-size: 10px; } .one_box { background: #000; padding: 12px; /* margin: 20px auto; */ max-width: 45%; width: 100%; max-width: 100%; } .main-members { display: block; align-items: center; gap: 10px; margin-top: 35px; } .our_team { background-image: url(../image/Group\ 6.webp); background-repeat: no-repeat; margin-top: 70px; background-position: top; background-size: 100% 100%; } .our_team_box:nth-child(1) img{ height: 100%; width: 90%; } .our_team_box img { margin-top: -55px; margin-left: 0; width: 85%; } .footer_main_img img.moving_client-arrow { position: absolute; top: -62px; left: 71.5%; } .footer_main_img::before { content: ''; position: absolute; top: -33px; left: 78%; width: 80px; height: 80px; background: url(../image/crafting.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 30s linear infinite; opacity: 0.5; } body.main_change_language .our_team_box img { margin-top: -55px; margin-right: 19px; margin-left: 15px; width: 90%; } body.main_change_language div#our_team_two img { margin-left: 58px; margin-top: -33px; margin-right: 57px; width: 65%; } div#our_team_three img { margin-left: -23px; margin-right: 49px; margin-top: -33px; width: 70%; } div#our_team_two img { margin-left: 0px; margin-top: -33px; margin-right: 0; width: 65%; } .our_team_box h3 { font-size: 27px !important; } .our_team_box p { font-size: 20px !important; } .our_team_main h2 span { font-size: 25px; } .partner_form h3 { font-size: 26px; padding-top: 0px; } .our_team_main h2 { font-size: 25px; } div#our_team_three img { width: 75%; margin-left: 45px; } #our_blog_main .col-lg-3 { width: 100%; } .safety_zone_main{ margin: 0 20px; } .Social_links { display: flex; gap: 3; justify-content: start; padding-top: 20px; padding-left: 0px; } .Social_links ul { display: flex; gap: 9px; } .footer_menus { display: flex; justify-content: space-between; padding-left: 0px; gap: 6px; flex-direction: row; } .footer_menu1 ul li a{ font-size: 18px; } .copyright { padding-left: 0px; } .testimonial p { min-height: 230px; } .our_service_img img:hover { transform: unset; } .our_service_boxs:hover .our_service_img img { transform: unset; } .our_service_boxs { border-bottom: unset; transition: unset; padding-top: 40px; } .our_service_title h4 { transition: unset; } .our_service_boxs { border-bottom: unset; transition: unset; } .our_service_title h4::after { content: ""; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 100%; height: 2px; background: #000; opacity: 0; transition: unset; } .our_service_title.roof_installation h4::after{ transition: unset; opacity: 0; } .our_service_boxs:hover .our_service_title h4::after { opacity:0; } .our_service_title h4{ border-bottom: 2px solid #000; } label.subject1 { margin-top: 15px; margin-right: 30px; } div#last_safety { margin: 0 auto; max-width: 100%; } .inopvation1 { background-image: url(../image/bg1.webp); padding: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; } body.main_change_language .inopvation1 { width: 100%; height: 140px; padding: 20px; } body.main_change_language #innovation_bg { width: 100%; height: 140px; } .inopvation1 { width: 100%; height: 140px; } .contact-form input, .contact-form textarea { padding: 8px; } body.main_change_language .client_moving_circle img.moving_client-arrow { position: absolute; top: 20px; right: 78.1%; left: 0; width: 40px; height: 40px; } body.main_change_language .client_moving_circle::before { content: ''; position: absolute; top: 38px; left: 16%; width: 65px; height: 65px; background: url(../image/circle_moving_img.svg) center / contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } body.main_change_language .text-end { text-align: right!important; } .contact-form label { margin-top: 23px; } #innovation_bg { width: 100%; height: 140px; } .client_moving_circle::before { content: ''; position: absolute; top: 41px; left: 73%; width: 65px; height: 65px; background: url(../image/circle_moving_img.svg) center/contain no-repeat; transform: translate(-50%, -50%) rotate(0deg); animation: rotateBg 20s linear infinite; z-index: -1; } .client_moving_circle img.moving_client-arrow { position: absolute; top: 22px; left: 68%; width: 40px; height: 40px; } #safety_zone { padding-top: 30px; } body.main_change_language .inopvation1, .inopvation1 span.counter{ font-size: 25px; } body.main_change_language #innovation_bg { padding: 20px; } .our_service_boxs:hover .our_service_text p{ color: rgba(0, 0, 0, 0.60); } .our_service_boxs:hover .our_service_text ul li { color: rgba(0, 0, 0, 0.60); } body.main_change_language .footer_main_img::before { top: -31px; right: 40%; left: 0px; } body.main_change_language .footer_main_img img.moving_client-arrow { top: -55px; left: 31.5%; } /* team slider */ .our_team_box { text-align: center; padding: 15px; } .owl-nav .owl-prev, .owl-nav .owl-next { font-size: 24px; color: #333; position: absolute; top: 50%; transform: translateY(-50%); } .owl-nav .owl-prev { left: -25px; } .owl-nav .owl-next { right: -25px; } .owl-dots { text-align: center; margin-top: 10px; } img.platform-img { width: 80px; height: 80px; } .mobile-platform { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 20px; border: 3px solid #000000; padding: 10px; margin-top: 40px; } .mobile-platform h3 { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; background: var(--2nd-main, linear-gradient(180deg, #DD9B4D 0%, #EA92A0 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: end; } .partner_form { display: none; } } @media (max-width:420px) { .our_team_box img { margin-top: -35px; margin-left: 0; width: 85%; } div#our_team_two img{ margin-top: -16px; } div#our_team_three img{ margin-top: -15px; } body.main_change_language .our_team_box img{ margin-top: -38px; } body.main_change_language div#our_team_two img{ margin-top: -15px; } body.main_change_language div#our_team_three img { margin-top: -16px; } .hero-circle img.arrow_images { top: -23px !important; left: 79% !important; } body.main_change_language .hero-circle img.arrow_images { right: 80% !important; top: -24px !important; } .client_moving_circle img.moving_client-arrow { top: 22px; left: 68.2%; } body.main_change_language .client_moving_circle img.moving_client-arrow{ top: 20px; right: 78.1%; } .banner_carousel .owl-nav button.owl-prev, .banner_carousel .owl-nav button.owl-next { top: 20%; } } @media (max-width:400px) { body.main_change_language .footer_main_img::before { top: -35px; right: 46%; left: 0; } body.main_change_language .footer_main_img img.moving_client-arrow { top: -59px; left: 20.5%; } .our_team_box img { margin-top: -10px; margin-left: 0; width: 85%; } div#our_team_two img { margin-left: 0px; margin-top: -42px; margin-right: 0; width: 75%; } div#our_team_three img { margin-left: 25px; margin-right: 19px; margin-top: -34px; width: 85%; } body.main_change_language .our_team_box img{ margin-top: -14px; } body.main_change_language div#our_team_two img{ margin-top: 7px; } body.main_change_language div#our_team_three img { margin-top: -35px; } .hero-circle img.arrow_images { top: -24px !important; left: 78% !important; } body.main_change_language .hero-circle img.arrow_images { right: 81% !important; top: -24px !important; } .client_moving_circle img.moving_client-arrow { top: 20px; left: 67.2%; } body.main_change_language .client_moving_circle img.moving_client-arrow{ top: 20px; right: 78.1%; } } @media (max-width:375px) { .our_team_box img { margin-top: 5px; margin-left: 0; width: 85%; } div#our_team_two img { margin-left: 0px; margin-top: -24px; margin-right: 0; width: 75%; } div#our_team_three img { margin-left: 25px; margin-right: 19px; margin-top: -19px; width: 85%; } body.main_change_language .our_team_box img{ margin-top: 0px; } body.main_change_language div#our_team_two img{ margin-top: 22px; } body.main_change_language div#our_team_three img { margin-top: -21px; } .hero-circle img.arrow_images { top: -22px !important; left: 76% !important; } body.main_change_language .hero-circle img.arrow_images { right: 82% !important; top: -24px !important; } .client_moving_circle img.moving_client-arrow { top: 23px; left: 67.2%; } body.main_change_language .client_moving_circle img.moving_client-arrow{ top: 20px; right: 77.1%; } .banner_carousel .owl-nav button.owl-prev, .banner_carousel .owl-nav button.owl-next { top: -10%; } } @media (max-width:360px) { .our_team_box img { margin-top: 0px; margin-left: 0; width: 85%; } div#our_team_two img { margin-left: 0px; margin-top: -8px; margin-right: 0; width: 75%; } div#our_team_three img { margin-left: 25px; margin-right: 19px; margin-top: 0px; width: 85%; } body.main_change_language .our_team_box img{ margin-top: -19px; width: 100%; } .our_team_box:nth-child(1) img{ width: 100%; margin-top: -15px; } body.main_change_language div#our_team_two img{ margin-top: 35px; } body.main_change_language div#our_team_three img { margin-top: 0px; } .client_moving_circle img.moving_client-arrow { top: 23px; left: 67%; } .hero-circle img.arrow_images { top: -22px !important; left: 74% !important; } } @media (max-width:320px) { body.main_change_language .footer_main_img img.moving_client-arrow { top: 26px; left: 15.5%; } } /* 12-09-25 css RTL Hebrew */ /* 11-09-2025 New Rtl Changes */ body.main_change_language .subject1 { flex-direction: row-reverse; display: flex; } body.main_change_language img.arrow_images { rotate: 253deg; } /* body.main_change_language .our_service_boxs { flex-direction: row-reverse; } */ body.main_change_language .client_moving_circle img.moving_client-arrow { rotate: 267deg; } body.main_change_language .testimonial_img img { transform: scaleX(-1); } body.main_change_language .submit_btn { margin-top: 38px; } body.main_change_language span.counter { margin-left: -8px !important; }