p.h3.fw--sb.c--mbBlack.outer-span { margin-bottom: 30px; } .backstage-component-btn { background-color: rgba(255, 255, 255, 0.7); color: #333; border-radius: 0; border-color: #333; border-style: solid; border-width: 1px; box-sizing: content-box; height: 40px; display: inline-block; font-size: 12px; } .carousel-cap-tion-box { top: 50%; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } } .carousel-caption { animation: fadeInUp 1s ease-in-out; } .carousel-inner .carousel-item { transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .products1 .slick-slider { padding: 0; } .products1-list { float: left; width: 50%; position: relative; } .products1-list .link { display: block; position: relative; } .products1-list a img { width: 100%; height: auto; } .products1-list-text { text-align: center; display: block; color: #333; margin: 15px 0; line-height: 1.7em; font-size: 14px; padding: 0 10px; } .products1-list2 { text-align: center; } .products1-list2-in { border: 1px solid #000; background: #000; font-weight: 600; border-radius: 5px; } .products1-list2-in a { color: white !important; } .products1-list2-in:hover, .products1-list2-in:focus { background: var(--primary-color); color: var(--white-color); border: 1px solid var(--primary-color); } .sitewidget-bd i.font-icon:hover { color: var(--primary-color); } .sitewidget-bd i.font-icon { font-size: 56px; color: #000; } .sitewidget-bd.text-center { line-height: normal; padding-top: 20px; } .products1-list .bgFFF { background-color: #fff; margin: 0 10px; padding: 0 0 10px; } .siteblocks-setting-wrap .siteblocks-container { background-position: top center; background-repeat: no-repeat; background-size: cover; } .contact-form-wrapper { display: grid; grid-template-columns: 1.3fr 1fr; grid-gap: 0 4rem; } .contact-form-wrapper .form-box .form-style { max-width: max(41.5vw, 25rem); } .form-style { --frmBorder: #ffffff; --frmFieldClr: #2c2c2c; --initHeight: 8em; --borderRadius: 6rem; font-size: max(.9vw, .9rem); } .form-style .form-element { position: relative; margin-bottom: max(1.8vw, 1.8rem); } .form-style .form-element .form-label { transition: opacity .3s ease, color .3s ease, bottom .3s ease, font-size .3s ease; position: absolute; bottom: 40%; font-size: max(1.1vw, 1.1rem); pointer-events: none; color: #000; font-weight: 500; } .form-style .form-field:not(.with-placeholder) { padding: max(.9vw, .9rem) 0; font-size: max(.9vw, .9rem); color: #999; } .form-style .form-field { width: 100%; color: rgba(255, 255, 255, .5); font-size: inherit; line-height: normal; resize: none; border: 0px; border-bottom: 1px solid; border-color: #b9b9b9; transition: border-color .6s ease; background: transparent; } @media (min-width: 1440px) { .contact-form-wrapper .form-contactinfo-box { padding-left: max(5vw, 4rem); } } .contact-form-wrapper .form-contactinfo-box { border-left: 1px solid #ff8a00; border-top: 1px solid #ff8a00; border-top-left-radius: 3rem; padding-left: 10%; max-width: max(35.5vw, 28rem); position: relative; margin-left: auto; padding-bottom: calc(var(--spacer) * 1.5); } .contact-form-wrapper .form-contactinfo-box .svg_circle { position: absolute; right: max(-1.3vw, -1.3rem); top: -2.5%; } @media (max-width: 1440px) { .flow-rootX10 > * + * { margin-top: 3rem; } } .c--mbOrange { color: #ff8a00 !important; } .contact-form-wrapper .form-contactinfo-box .contactNum-bx { border: 1px solid #000; border-radius: 5px; padding: .7rem 1.2rem; display: flex; align-items: center; gap: max(1vw, 1rem); margin: 4rem 0 0; } .contact-form-wrapper .form-contactinfo-box .contactNum-bx span { background-color: #ff8a00; width: max(2vw, 2rem); height: max(2vw, 2rem); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .contact-form-wrapper .form-contactinfo-box .h7 a { display: inline-block; } .marbel-form { position: relative; margin-bottom: 1.5rem; margin-bottom: 0px !important; } .marbel-form .form-label { position: absolute; left: 10px; top: 12px; color: #999; background-color: white; padding: 0 5px; transition: all 0.2s ease; pointer-events: none; background: none; } .marbel-form .form-field { width: 100%; padding: 12px 10px; font-size: 16px; border: 0px; border-bottom: 1px solid #ccc; border-radius: 4px; margin-bottom: 20px; } .marbel-form .form-field:focus + .form-label, .marbel-form .form-field:not(:placeholder-shown) + .form-label { top: -10px; left: 8px; font-size: 12px; color: #333; height: fit-content; } .flex1 { margin-bottom: 0px; } .contact-new-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; background-image: url("/assets/images/background-Images/contact-pg.png"); background-repeat: no-repeat; background-size: cover; } p.h4x.tiitle.fw--sb.c--mbBlack.outer-span { font-size: 30px; font-weight: 600px; } @media (max-width: 567px) { .product-list-main { flex-wrap: wrap; } .products1-list .bgFFF { margin: 0 6px; } .what-we-do-box { text-align: center; } .form-contactinfo-box { margin-top: 30px; } .form-element.marbel-form { margin-bottom: 0px; } .form-element.marbel-form input { margin-bottom: 15px; } .flow-rootX2 p { text-align: justify; } .contact-form-wrapper .form-contactinfo-box .contactNum-bx { margin-top: 20px; gap: max(1vw, 0.5rem); } .flex1 { font-size: 13px; font-weight: bold; } .carousel-item img { height: 500px; } .category-item.products1-item { justify-content: center; } ul.children-list.children-list-col.products1-ul.fix { padding: 0px; } h5.pq-section-main-title { margin-bottom: 20px !important; } .backstage-stwidgets-settingwrap { padding-bottom: 30px; } section.mb-contact-sec.pb-0 { padding-top: 0px; } } @media (max-width: 767px) { .contact-form-wrapper { grid-template-columns: 100%; grid-gap: 0 4rem; } } /*    what we offer styling      */ @media (min-width: 768px) { .elementor-column.elementor-col-33, .elementor-column[data-col="33"] { width: 33.333%; } } .provides-best-services { background-image: url('../../assets/images/background-Images/peten.jpg'); } .elementor-1361 .elementor-element.elementor-element-66d2608 { margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; } .elementor-section .elementor-container { display: flex; margin-right: auto; margin-left: auto; position: relative; gap: 20px; } .elementor-section.elementor-inner-section.elementor-element.elementor-element-87b6ba8.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default { margin-bottom: 20px; } .elementor-1361 .elementor-element.elementor-element-12ced11 > .elementor-element-populated { margin: 0px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; padding: 0px 015px 0px 015px; } .pt-fancy-box.pt-style-1 { background: var(--white-color); padding: 60px 45px; padding-bottom: 45px; } .pt-fancy-box.pt-style-1 .pt-fancy-box-icon { position: relative; font-size: 72px; line-height: 80px; margin-bottom: 15px; display: inline-block; margin-left: 15px; } .pt-fancy-box.pt-style-1 .pt-fancy-box-icon:before { content: ""; position: absolute; top: -10px; left: -15px; display: inline-block; width: 50px; height: 50px; background: var(--primary-color); border-radius: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; } .pt-fancy-box.pt-style-1 .pt-fancy-box-icon i { position: relative; z-index: 9; color: var(--dark-color); } .pt-fancy-box.pt-style-1 .pt-fancy-box-right-icon { font-size: 80px; line-height: 80px; position: absolute; right: 45px; top: 45px; opacity: 0.1; color: var(--dark-color); transition: all 0.5s ease; } .pt-fancy-box.pt-style-1 .pt-fancy-box-info { position: relative; } .pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-box-title { font-size: 26px; line-height: 34px; margin-bottom: 15px; } .pt-fancy-box.pt-style-1 .pt-fancy-box-info .pt-fancy-box-description { padding-bottom: 30px; border-bottom: 1px solid rgb(0, 0, 0, 0.1); } .elementor-1361 .elementor-element.elementor-element-1432a30 .pt-btn-container { text-align: left; } @media (max-width: 768px) { .elementor-section .elementor-container { flex-wrap: wrap; } } .date-time-box { display: flex; } .pt-blog-contain { padding: 10px; } .pt-blog-contain ul { padding: 0px; font-weight: 500; } .pt-button-block { display: flex; gap: 20px; padding-top: 40px; }