diff --git a/assets/css/style-new.css b/assets/css/style-new.css index 5610ffb..c55a651 100644 --- a/assets/css/style-new.css +++ b/assets/css/style-new.css @@ -1,7 +1,9 @@ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); /* start from here */ - +p { + word-spacing: 2px; +} .gr-txt { background: linear-gradient(90deg, #E5195E 48.5%, #3365F6 100%); @@ -14,7 +16,6 @@ } .bg-grey { - /* background-color: #121212; */ background-color: #12121257; } @@ -25,6 +26,7 @@ .grey-para { color: #D3D3D3; font-size: 15px; + word-spacing: 1px; } .dark-grey-para { @@ -64,6 +66,7 @@ font-weight: 600; letter-spacing: 0.5px; word-spacing: 1px; + margin-bottom: 20px; } @@ -141,6 +144,10 @@ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px) saturate(180%); -webkit-backdrop-filter: blur(10px) saturate(180%); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .crafting-sec .box .gr-txt { @@ -159,14 +166,14 @@ height: 100%; } -.cloud-sec { - /* background-color: #121212; */ -} - .cloud-box { background: linear-gradient(to bottom, #1E1E1EE5, #000000E5); padding: 25px 15px; border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .cloud-box .mini-head { @@ -248,131 +255,129 @@ /* Dual slider */ .dual-slider { - position: relative; - width: 100%; -} - -.dual-slider .bg-slider { - position: absolute; - top: 0; - left: 0; - width: 100%; - -} - -.dual-slider .bg-img { - width: 100%; - /* height: 100vh; */ + background-color: #101316; height: calc(100vh - 97px); position: relative; - display: inline-block; -} - -.dual-slider .bg-img::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); - pointer-events: none; -} - -.dual-slider .bg-img img { - width: 100%; - height: 100%; - object-fit: fill; -} - -.dual-slider .card-img img { - width: 100%; - height: 100%; - object-fit: cover; + overflow: hidden; } .two_slider_main { - display: flex; - align-items: center; - justify-content: center; - height: calc(100vh - 97px); + position: absolute; + bottom: 80px; + left: 50%; + transform: translateX(-50%); + width: 100%; } -.dual-slider .two_slider { +.bg-content { + display: flex !important; + justify-content: space-between !important; +} + +.bg-content-left { + padding-top: 60px; + max-width: 50%; +} + +.bg-content-left .logo img { + max-width: 250px; + height: auto; + margin-bottom: 20px; +} + +.bg-content-right { display: flex; - align-items: center; + align-items: start; justify-content: center; +} + +.bg-content-right img { + width: 75%; height: 100%; - } -.dual-slider .slick-initialized .slick-slide { - display: flex; +.bg-content-right .for-full-w { + width: 100%; +} + + +#card_slide .slick-slide { + display: flex !important; + align-items: center; justify-content: center; } +#card_slide .slick-slide img { + transform: scale(0.9); + width: 80%; + height: auto; + border-radius: 8px; + /* filter: grayscale(100%) blur(0.9px); + -webkit-filter: grayscale(100%) blur(0.9px); */ + transition: transform 0.5s ease, filter 0.5s ease; + -webkit-transition: transform 0.5s ease, filter 0.5s ease; + -moz-transition: transform 0.5s ease, filter 0.5s ease; + -ms-transition: transform 0.5s ease, filter 0.5s ease; + -o-transition: transform 0.5s ease, filter 0.5s ease; +} #card_slide .slick-slide.slick-current.slick-active img { - transition: all 0.5s ease; + /* filter: grayscale(0) blur(0); + -webkit-filter: grayscale(0) blur(0); */ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - filter: grayscale(0); - -webkit-filter: grayscale(0); } -#card_slide .slick-slide img { - transform: scale(0.9); - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - width: 80%; - height: auto; - border-radius: 8px; - filter: grayscale(1); - -webkit-filter: grayscale(1); -} -div#card_slide { - position: relative; -} - -div#card_slide .prev_arrow { - position: absolute; - bottom: -55%; - left: 45%; - outline: none; - padding: 8px 12px; - border: 1px solid #FFFFFF; +button.slick-arrow { + background-color: transparent; + border: none; + color: #fff; + font-size: 16px; + width: 36px; + height: 36px; border-radius: 50%; - background: transparent; - color: #FFFFFF; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + transition: border-color 0.3s ease; + border: 1px solid #fff; + -webkit-transition: border-color 0.3s ease; + -moz-transition: border-color 0.3s ease; + -ms-transition: border-color 0.3s ease; + -o-transition: border-color 0.3s ease; } -div#card_slide .next_arrow { - position: absolute; - bottom: -55%; - right: 46%; - outline: none; - padding: 8px 12px; - border: 1px solid #FFFFFF; - border-radius: 50%; - background: transparent; - color: #FFFFFF; +button.slick-arrow:hover { + border-color: #E5195E; } -section.dual-slider .col-lg-10 { +/* Adjust arrow positions */ +button.prev_arrow, +button.next_arrow { position: absolute; - bottom: 12%; + bottom: -50%; + transform: translate(-50%, 0); + z-index: 10; + -webkit-transform: translate(-50%, 0); + -moz-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + -o-transform: translate(-50%, 0); } +button.prev_arrow { + left: 46%; +} + +button.next_arrow { + left: 54%; +} + + /* for sloider */ @@ -400,6 +405,10 @@ section.dual-slider .col-lg-10 { .team-right-content { border: 1px solid #383838; border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; } .team-right-content .tab-content { @@ -547,6 +556,10 @@ section.dual-slider .col-lg-10 { text-align: center; border-top: 3px solid #E5195E; gap: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .choose-your-path-box .choose-your-path-box-img { @@ -562,6 +575,10 @@ section.dual-slider .col-lg-10 { font-weight: 400; font-size: 0.9rem; margin-bottom: 10px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; } /* ***** Ai page start ***** */ @@ -582,14 +599,19 @@ section.dual-slider .col-lg-10 { background: #000000ef; color: #fff; border-radius: 50%; - width: 150px; - height: 150px; + width: 170px; + height: 170px; + text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; margin-left: -10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .ai-review-circle:first-child { @@ -605,6 +627,10 @@ section.dual-slider .col-lg-10 { bottom: -1px; border-radius: 50%; z-index: -1; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } /* First circle gradient border */ @@ -763,6 +789,10 @@ section.dual-slider .col-lg-10 { margin-bottom: 0; } +.four-grid .transform-box-main .transform-box .transform-inn-content .mid-para { + min-height: 68px; +} + .transform-box img, .innovating-box img { width: 25px; @@ -783,6 +813,14 @@ section.dual-slider .col-lg-10 { border-radius: 8px; border: 1px solid transparent; transition: border 0.3s ease; + -webkit-transition: border 0.3s ease; + -moz-transition: border 0.3s ease; + -ms-transition: border 0.3s ease; + -o-transition: border 0.3s ease; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .innovating-box:hover { @@ -806,9 +844,6 @@ section.dual-slider .col-lg-10 { justify-content: end; } -.get-in-touch-sec .head { - font-size: 2.8rem; -} .get-in-icons { display: flex; @@ -820,6 +855,10 @@ section.dual-slider .col-lg-10 { padding: 5px 10px; border: 1px solid #B7B7B7; border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .get-in-icons img { @@ -863,6 +902,10 @@ section.dual-slider .col-lg-10 { width: 100%; border-radius: 0; color: #fff; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; } .cmm-inputs-main input:focus, @@ -904,6 +947,14 @@ section.dual-slider .col-lg-10 { background-color: transparent; transition: border 0.3s ease, background-color 0.3s ease; cursor: pointer; + -webkit-transition: border 0.3s ease, background-color 0.3s ease; + -moz-transition: border 0.3s ease, background-color 0.3s ease; + -ms-transition: border 0.3s ease, background-color 0.3s ease; + -o-transition: border 0.3s ease, background-color 0.3s ease; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } /* Add custom pink dot when selected */ @@ -922,6 +973,14 @@ section.dual-slider .col-lg-10 { background-color: white; border-radius: 50%; transform: translate(1px, 1px); + -webkit-transform: translate(1px, 1px); + -moz-transform: translate(1px, 1px); + -ms-transform: translate(1px, 1px); + -o-transform: translate(1px, 1px); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .opts-choose .form-check-label { @@ -967,6 +1026,14 @@ section.dual-slider .col-lg-10 { position: relative; border-radius: 10px; transition: background 0.3s ease; + -webkit-transition: background 0.3s ease; + -moz-transition: background 0.3s ease; + -ms-transition: background 0.3s ease; + -o-transition: background 0.3s ease; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .range-slider .form-range::-webkit-slider-runnable-track { @@ -984,6 +1051,14 @@ section.dual-slider .col-lg-10 { border: 4px solid #E5195E; cursor: pointer; transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .range-slider .form-range::-moz-range-track { @@ -998,6 +1073,10 @@ section.dual-slider .col-lg-10 { background-color: white; border: 4px solid #E5195E; cursor: pointer; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .range-slider .form-range::-ms-track { @@ -1015,6 +1094,10 @@ section.dual-slider .col-lg-10 { background-color: white; border: 4px solid #E5195E; cursor: pointer; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .range-slider .labels { @@ -1031,6 +1114,10 @@ section.dual-slider .col-lg-10 { border-radius: 50%; position: absolute; top: 14px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .range-slider .slider-container { @@ -1065,11 +1152,10 @@ section.dual-slider .col-lg-10 { /* Container styling */ .details-container { - display: flex; - justify-content: space-between; - align-items: center; + display: grid; + grid-template-columns: repeat(3, 1fr); padding: 20px 0; - gap: 40px; + grid-gap: 40px; background-color: #000; color: #fff; position: relative; @@ -1117,6 +1203,10 @@ section.dual-slider .col-lg-10 { position: relative; opacity: 0; animation: fade-in 1s ease forwards; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .details-content:nth-child(2) .dot { @@ -1140,6 +1230,14 @@ section.dual-slider .col-lg-10 { transform-origin: left; animation: line-grow 1s ease forwards; border-radius: 10px; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .details-content:nth-child(1)::after { @@ -1227,6 +1325,12 @@ section.dual-slider .col-lg-10 { width: 70%; } +.join-our-team-sec .col-md-6:last-child { + display: flex; + justify-content: center; + flex-direction: column; +} + .custum-file-upload { height: 100px; @@ -1272,40 +1376,48 @@ section.dual-slider .col-lg-10 { /* Hire mobile app developer? */ -.wdi-guarantee-sec .faqs_section .inn_data h3 i { +.faqs_section .inn_data h3 i { background-color: #212121; padding: 6px 8px; border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; } -.wdi-guarantee-sec .faqs_section .inn_data { +.faqs_section .inn_data { border-bottom: 1px solid #717171; } -.wdi-guarantee-sec .faqs_section .accordion_sec .inn_data { +.faqs_section .accordion_sec .inn_data { background-color: transparent; transition: background-color 0.3s ease; + -webkit-transition: background-color 0.3s ease; + -moz-transition: background-color 0.3s ease; + -ms-transition: background-color 0.3s ease; + -o-transition: background-color 0.3s ease; } -.wdi-guarantee-sec .inn_data h3 { +.inn_data h3 { padding: 10px 20px 20px 20px; } -.wdi-guarantee-sec .faqs_section .inn_data { +.faqs_section .inn_data { padding-bottom: 0px; } -.wdi-guarantee-sec .faqs_section .accordion_sec .inn_data .accordion_content .grey-para { +.faqs_section .accordion_sec .inn_data .accordion_content .grey-para { padding: 10px 20px; margin-bottom: 0px; } -.wdi-guarantee-sec .faqs_section .accordion_sec .inn_data .h3_heading.active+.accordion_content { +.faqs_section .accordion_sec .inn_data .h3_heading.active+.accordion_content { background-color: #271219; } -.wdi-guarantee-sec .faqs_section .accordion_sec .inn_data .h3_heading.active { +.faqs_section .accordion_sec .inn_data .h3_heading.active { background-color: #271219; border-bottom: 1px solid #E5195E; } @@ -1404,6 +1516,10 @@ section.dual-slider .col-lg-10 { background-color: #282828; padding: 12px 15px; border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .why-hiring-dev-box .mid-para { @@ -1462,6 +1578,10 @@ section.dual-slider .col-lg-10 { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px) saturate(180%); -webkit-backdrop-filter: blur(5px) saturate(180%); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .craft-scalable-content { @@ -1503,6 +1623,10 @@ section.dual-slider .col-lg-10 { .why-choose-us-content-main .why-choose-us-content { padding: 16px 12px; border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .why-choose-us-content-main .why-choose-us-content .mini-head-para { @@ -1513,10 +1637,18 @@ section.dual-slider .col-lg-10 { background-size: cover; background-position: bottom; transition: transform 0.3s ease-in-out; + -webkit-transition: transform 0.3s ease-in-out; + -moz-transition: transform 0.3s ease-in-out; + -ms-transition: transform 0.3s ease-in-out; + -o-transition: transform 0.3s ease-in-out; } .why-choose-us-content:hover { transform: scale(1.03); + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -ms-transform: scale(1.03); + -o-transform: scale(1.03); } .why-choose-us-content-main .first { @@ -1540,6 +1672,10 @@ section.dual-slider .col-lg-10 { background-color: #000; border-radius: 8px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } /* Table styles */ @@ -1586,6 +1722,10 @@ p.btn-sym { padding: 8px; border-radius: 3px; font-weight: 500; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; } .collaborate-with-sec .request_the_price_sec .box { @@ -1612,6 +1752,10 @@ p.btn-sym { .collaborate-with-sec .request_the_price_sec .box { border-radius: 0px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; } .collaborate-with-sec .request_the_price_sec .plus_minus_main p { @@ -1672,6 +1816,10 @@ p.btn-sym { border-radius: 5px; padding: 5px 10px; cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; } .team button:hover { @@ -1691,6 +1839,10 @@ p.btn-sym { cursor: pointer; position: relative; outline: none; + -webkit-border-radius: 2px !important; + -moz-border-radius: 2px !important; + -ms-border-radius: 2px !important; + -o-border-radius: 2px !important; } /* Style for the checked state */ @@ -1709,6 +1861,10 @@ p.btn-sym { border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); } /* Techonology page start */ @@ -1781,72 +1937,14 @@ p.btn-sym { } - -/* Developer Cards */ -/* .developer-cards { - display: flex; - justify-content: space-between; - gap: 20px; - margin-bottom: 40px; - } - - .card { - background-color: #1e1e1e; - padding: 20px; - flex: 1; - border-radius: 8px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); - } - - .card h3 { - margin-bottom: 10px; - font-size: 1.3rem; - } - - .card .price { - margin: 10px 0; - font-weight: bold; - font-size: 1.2rem; - color: #ff0077; - } - - .card p { - margin-bottom: 0; - color: #ccc; - } */ - -/* Features Table */ -/* .features-table table { - width: 100%; - border-collapse: collapse; - } - - .features-table th, .features-table td { - border: 1px solid #444; - padding: 15px; - text-align: center; - } - - .features-table th { - background-color: #E5195E; - color: #fff; - font-size: 1.1rem; - } - - .features-table td { - background-color: #1e1e1e; - color: #ccc; - } - - .features-table tr:nth-child(even) td { - background-color: #2b2b2b; - } */ - - .consulting-box { background-color: #292929; padding: 20px 16px; border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .consulting-box img { @@ -1889,6 +1987,10 @@ p.btn-sym { background: linear-gradient(90deg, #E5195E 0%, #094EFF 100%); transition: width 0.3s ease; z-index: 1; + -webkit-transition: width 0.3s ease; + -moz-transition: width 0.3s ease; + -ms-transition: width 0.3s ease; + -o-transition: width 0.3s ease; } /* Star (Arrow-like) at the right end of the Stepper Line */ @@ -1903,6 +2005,10 @@ p.btn-sym { right: -9px; transition: right 0.3s ease; z-index: 2; + -webkit-transition: right 0.3s ease; + -moz-transition: right 0.3s ease; + -ms-transition: right 0.3s ease; + -o-transition: right 0.3s ease; } @@ -1913,13 +2019,18 @@ p.btn-sym { width: 100%; padding: 10px !important; font-weight: 400; - transition: color 0.3s ease; + transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; position: relative; z-index: 2; + -webkit-transition: color 0.3s ease, border-color 0s ease, font-weight 0.3s ease; + -moz-transition: color 0.3s ease, border-color 0s ease, font-weight 0.3s ease; + -ms-transition: color 0.3s ease, border-color 0s ease, font-weight 0.3s ease; + -o-transition: color 0.3s ease, border-color 0s ease, font-weight 0.3s ease; } .solution-tab-main .nav-link:hover { color: #E5195E; + transition: color 0.3s ease; } .solution-tab-main .nav-link.active { @@ -1927,8 +2038,14 @@ p.btn-sym { background-color: transparent; border-bottom: 2px solid #E5195E; font-weight: 500; + transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; + -webkit-transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; + -moz-transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; + -ms-transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; + -o-transition: color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease; } + .solution-tab-main .nav-tabs { justify-content: space-between; } @@ -1979,6 +2096,10 @@ p.btn-sym { background-color: #191919; width: 100%; border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; } .step-count-main .step { @@ -1986,6 +2107,10 @@ p.btn-sym { padding: 10px 19px; border-radius: 50%; font-weight: 600; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; } .step-count-main .dark-grey-para { @@ -2095,6 +2220,10 @@ p.btn-sym { border: 1px solid #262626; border-radius: 8px; padding: 12px 25px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .company-banner-side-content .lets_talk a img.arrow_up { @@ -2136,6 +2265,10 @@ p.btn-sym { background-color: #1A1A1A; padding: 10px 16px; border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } @@ -2276,6 +2409,10 @@ p.btn-sym { background-color: #1A1A1A; padding: 20px 16px; border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .our-product-sec { @@ -2292,9 +2429,13 @@ p.btn-sym { .four-grid .transform-box-main .transform-box { border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; } -.built-for-left-img { +.app-built-for .col-md-7 { display: flex; justify-content: center; align-items: center; @@ -2314,11 +2455,6 @@ p.btn-sym { } -.built-for-left-img img { - width: 200px; - height: auto; -} - .built-for-scale-sec .col-md-5 { display: flex; flex-direction: column; @@ -2330,6 +2466,10 @@ p.btn-sym { font-size: 15px; font-weight: 300; padding: 8px 25px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; } .built-for-scale-sec { @@ -2384,12 +2524,20 @@ p.btn-sym { padding: 10px 15px; border-radius: 8px; background-color: #232323; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .block-content { padding: 20px 15px; background-color: #191919; border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .block-content .mini-head-para { @@ -2409,6 +2557,10 @@ p.btn-sym { padding: 10px 12px; border-radius: 0; flex: 1; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; } @@ -2434,6 +2586,10 @@ p.btn-sym { left: 50%; transform: translateX(-50%); z-index: -1; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); } @@ -2453,6 +2609,10 @@ p.btn-sym { border-radius: 8px; padding: 12px 15px; width: 100%; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .illustrat-box img { @@ -2460,11 +2620,11 @@ p.btn-sym { height: 20px; } -.futuretech-sec .col-md-5 { +/* .futuretech-sec .col-md-5 { display: flex; justify-content: center; flex-direction: column; -} +} */ .futuretech-sec .col-md-7 { border-left: 1px solid #262626; @@ -2491,14 +2651,16 @@ p.btn-sym { .solution-tab .nav-link { color: #B4B4B4; flex: 1; - padding: 8px 16px; + padding: 8px 0px; transition: color 0.3s ease, font-weight 0.3s ease; border: none; - transition: color 0.3s ease; + -webkit-transition: color 0.3s ease, font-weight 0.3s ease; + -moz-transition: color 0.3s ease, font-weight 0.3s ease; + -ms-transition: color 0.3s ease, font-weight 0.3s ease; + -o-transition: color 0.3s ease, font-weight 0.3s ease; } .solution-tab .nav-link:hover { - padding: 8px 16px; color: #E5195E; } @@ -2552,6 +2714,14 @@ p.btn-sym { margin-bottom: 20px; background-color: #2b2b2b; transition: transform 0.3s ease; + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -ms-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .solution-tab .inn_data:hover { @@ -2581,17 +2751,25 @@ p.btn-sym { .solution-tab .h3_heading.active { color: #fff; - margin-bottom: 20px; + margin-bottom: 6px; } .solution-tab .h3_heading img { width: 20px; height: 20px; transition: transform 0.3s ease; + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -ms-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; } .solution-tab .h3_heading.active img { transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); } @@ -2655,6 +2833,14 @@ p.btn-sym { background-size: cover; background-repeat: no-repeat; transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; } .industries-we-serve-box:hover { @@ -2755,7 +2941,7 @@ p.btn-sym { -/* poooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ +/* pooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .portfolio-box-main { display: grid; grid-template-columns: repeat(2, 1fr); @@ -2790,6 +2976,10 @@ p.btn-sym { align-items: flex-start; transition: bottom 0.5s ease, opacity 0.5s ease; opacity: 0; + -webkit-transition: bottom 0.5s ease, opacity 0.5s ease; + -moz-transition: bottom 0.5s ease, opacity 0.5s ease; + -ms-transition: bottom 0.5s ease, opacity 0.5s ease; + -o-transition: bottom 0.5s ease, opacity 0.5s ease; } @@ -2824,6 +3014,10 @@ p.btn-sym { font-size: 12px; font-weight: 400; color: #d9d9d9; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; } .on-hover-show .app-description .mid-para { @@ -2861,6 +3055,10 @@ p.btn-sym { background-color: rgba(255, 255, 255, 0.12); padding: 5px 15px; border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; } .on-hover-show .technologies { @@ -2987,7 +3185,9 @@ p.btn-sym { - +.bg-content-mob { + display: none; +} @@ -2996,12 +3196,7 @@ p.btn-sym { /* ***** Media screen ***** */ -@media (max-width:1280px) { - /* #card_slide .slick-slide img { - width: 180px; - height: 115px; - } */ -} +@media (max-width:1280px) {} @media (max-width:1199px) { @@ -3044,31 +3239,6 @@ p.btn-sym { } @media (max-width:1081px) { - #card_slide .slick-slide img { - width: 70%; - height: auto; - } - - .dual-slider .card-img { - display: flex !important; - justify-content: center; - } - - .dual-slider .bg-img img { - object-fit: fill; - } - - section.dual-slider .col-lg-10 { - bottom: 10%; - } - - div#card_slide .prev_arrow { - bottom: -45%; - } - - div#card_slide .next_arrow { - bottom: -45%; - } .why-hiring-dev-box-main { grid-template-columns: repeat(3, 1fr); @@ -3076,10 +3246,6 @@ p.btn-sym { } @media (max-width:1024px) { - #card_slide .slick-slide img { - width: 75%; - height: auto; - } .consulting-look-sec .consulting-side-img img { right: -10%; @@ -3098,10 +3264,6 @@ p.btn-sym { } } - .dual-slider .bg-img { - height: 100vh; - } - .why-hiring-dev-box-main { grid-template-columns: repeat(2, 1fr); } @@ -3110,10 +3272,6 @@ p.btn-sym { grid-template-columns: repeat(2, 1fr); } - .dual-slider .bg-img img { - height: 100vh; - } - .develope-ai-sec .row { flex-direction: column-reverse; } @@ -3172,16 +3330,6 @@ p.btn-sym { grid-template-columns: repeat(2, 1fr); } - .two_slider_main { - align-items: start; - height: 100vh; - padding: 30px 0; - } - - /* .dual-slider .bg-img { - height: 145vh; - } */ - .content-download-sec { gap: 10px; } @@ -3199,10 +3347,6 @@ p.btn-sym { } - /* .dual-slider .bg-img img { - height: 69%; - } */ - div#card_slide .next_arrow { right: 40%; } @@ -3231,6 +3375,15 @@ p.btn-sym { padding-bottom: 16px; } + .bg-content-right img { + display: none !important; + } + + .bg-content-left { + padding-top: 40px; + max-width: 100%; + } + } @media (max-width:767px) { @@ -3243,6 +3396,11 @@ p.btn-sym { padding: 40px 0; } + .dual-slider button.prev_arrow, + button.next_arrow { + bottom: -60%; + } + .project-man-built .row { gap: 20px; } @@ -3257,8 +3415,8 @@ p.btn-sym { .details-container { - gap: 10px; - flex-direction: column; + grid-template-columns: repeat(1, 1fr); + grid-gap: 10px; } .consulting-look-sec .right-sec { @@ -3391,9 +3549,6 @@ p.btn-sym { grid-template-columns: repeat(1, 1fr); } - .dual-slider .bg-img { - height: 100vh; - } .cl-downside-img { position: inherit; @@ -3509,59 +3664,14 @@ p.btn-sym { #card_slide .slick-slide img { width: 85%; - height: 125px; + height: auto; } - - - /* .collaborate-table table { - display: block; - width: 100%; - } - - .collaborate-table thead { - display: none; - } - - .collaborate-table tbody tr { - display: flex; - flex-direction: column; - margin-bottom: 15px; - background-color: #111; - border: 1px solid #444; - padding: 10px; - border-radius: 5px; - } - - .collaborate-table td { - display: flex; - justify-content: space-between; - text-align: start; - padding: 10px; - border-bottom: 1px solid #444; - } - - .collaborate-table td:last-child { - border-bottom: 0; - } - - .collaborate-table td::before { - content: attr(data-label); - font-weight: bold; - color: #e91e63; - flex: 1; - text-transform: uppercase; - } - - .collaborate-table td span { - flex: 1; - text-align: right; - } */ - - .block-main { grid-template-columns: repeat(1, 1fr); } + + } @media (max-width:576px) { @@ -3571,49 +3681,10 @@ p.btn-sym { line-height: 120%; } - .dual-slider .bg-img img { - height: 48vh; - /* object-fit: contain; */ - } - .two_slider_main { - height: 64vh; + height: 100vh; } - .bg-for-mob { - width: 100%; - height: 100%; - background: radial-gradient(circle farthest-side at 0% 50%, - #282828 23.5%, - rgba(255, 170, 0, 0) 0) 21px 30px, - radial-gradient(circle farthest-side at 0% 50%, - #2c3539 24%, - rgba(240, 166, 17, 0) 0) 19px 30px, - linear-gradient(#282828 14%, - rgba(240, 166, 17, 0) 0, - rgba(240, 166, 17, 0) 85%, - #282828 0) 0 0, - linear-gradient(150deg, - #282828 24%, - #2c3539 0, - #2c3539 26%, - rgba(240, 166, 17, 0) 0, - rgba(240, 166, 17, 0) 74%, - #2c3539 0, - #2c3539 76%, - #282828 0) 0 0, - linear-gradient(30deg, - #282828 24%, - #2c3539 0, - #2c3539 26%, - rgba(240, 166, 17, 0) 0, - rgba(240, 166, 17, 0) 74%, - #2c3539 0, - #2c3539 76%, - #282828 0) 0 0, - linear-gradient(90deg, #2c3539 2%, #282828 0, #282828 98%, #2c3539 0%) 0 0 #282828; - background-size: 40px 60px; - } .why-hiring-dev-box-main { grid-template-columns: repeat(1, 1fr); @@ -3676,10 +3747,6 @@ p.btn-sym { } - .dual-slider .bg-img { - height: 100%; - } - div#card_slide .prev_arrow { left: 39%; } @@ -3734,10 +3801,6 @@ p.btn-sym { padding: 16px; } - section.dual-slider .col-lg-10 { - bottom: 12%; - } - .how_we_leverage .main_box { grid-template-columns: repeat(1, 1fr); } @@ -3747,12 +3810,13 @@ p.btn-sym { height: auto; } - .dual-slider .bg-img img { - height: 40vh; + #card_slide .slick-slide img { + width: 80%; + height: auto; } - .two_slider_main { - height: 54vh; + .slick-slider { + margin-bottom: 0px !important; } } @@ -3766,24 +3830,33 @@ p.btn-sym { grid-template-columns: repeat(1, 1fr); } - /* .two_slider_main { - height: 56vh; - } */ + .bg-content-left .logo img { + max-width: 180px; + margin-bottom: 16px; + } + + .mid-head { + font-size: 1.8rem; + } + + .dual-slider { + height: calc(100vh - 87px); + } } -@media (max-width:360px) { - .dual-slider .bg-img img { - height: 32vh; - } - +@media (max-width:376px) { .two_slider_main { - height: 43vh; + bottom: 55px; } - div#card_slide .prev_arrow, - div#card_slide .next_arrow { - bottom: -55%; + .dual-slider button.prev_arrow, + button.next_arrow { + bottom: -56%; + } + + .bg-content-left { + padding-top: 30px; } } \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 10c20e2..906ae45 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1432,6 +1432,7 @@ button.pdf.btn { justify-content: space-between; gap: 10px; padding-bottom: 20px; + padding-top: 20px; color: #fff; cursor: pointer; font-size: 1.1rem; diff --git a/assets/images/new-img/imgs/good-times.webp b/assets/images/new-img/imgs/good-times.webp new file mode 100644 index 0000000..71da124 Binary files /dev/null and b/assets/images/new-img/imgs/good-times.webp differ diff --git a/assets/images/new-img/imgs/gsf-side.webp b/assets/images/new-img/imgs/gsf-side.webp new file mode 100644 index 0000000..9f0db8e Binary files /dev/null and b/assets/images/new-img/imgs/gsf-side.webp differ diff --git a/assets/images/new-img/imgs/gsf.webp b/assets/images/new-img/imgs/gsf.webp new file mode 100644 index 0000000..0d57ded Binary files /dev/null and b/assets/images/new-img/imgs/gsf.webp differ diff --git a/assets/images/new-img/imgs/gt-side.webp b/assets/images/new-img/imgs/gt-side.webp new file mode 100644 index 0000000..10d28e2 Binary files /dev/null and b/assets/images/new-img/imgs/gt-side.webp differ diff --git a/assets/images/new-img/imgs/prosperty-logo.webp b/assets/images/new-img/imgs/prosperty-logo.webp new file mode 100644 index 0000000..a70bff1 Binary files /dev/null and b/assets/images/new-img/imgs/prosperty-logo.webp differ diff --git a/assets/images/new-img/imgs/prosperty-side.webp b/assets/images/new-img/imgs/prosperty-side.webp new file mode 100644 index 0000000..047a8f8 Binary files /dev/null and b/assets/images/new-img/imgs/prosperty-side.webp differ diff --git a/assets/images/new-img/imgs/prosperty.webp b/assets/images/new-img/imgs/prosperty.webp new file mode 100644 index 0000000..7955e93 Binary files /dev/null and b/assets/images/new-img/imgs/prosperty.webp differ diff --git a/assets/images/new-img/imgs/regroup.webp b/assets/images/new-img/imgs/regroup.webp new file mode 100644 index 0000000..cf8c5b6 Binary files /dev/null and b/assets/images/new-img/imgs/regroup.webp differ diff --git a/assets/images/new-img/imgs/rg-side.webp b/assets/images/new-img/imgs/rg-side.webp new file mode 100644 index 0000000..420008c Binary files /dev/null and b/assets/images/new-img/imgs/rg-side.webp differ diff --git a/assets/images/new-img/imgs/sai-service.webp b/assets/images/new-img/imgs/sai-service.webp new file mode 100644 index 0000000..a86e6d4 Binary files /dev/null and b/assets/images/new-img/imgs/sai-service.webp differ diff --git a/assets/images/new-img/imgs/seezun-side.webp b/assets/images/new-img/imgs/seezun-side.webp new file mode 100644 index 0000000..4daadd1 Binary files /dev/null and b/assets/images/new-img/imgs/seezun-side.webp differ diff --git a/assets/images/new-img/imgs/seezun.webp b/assets/images/new-img/imgs/seezun.webp new file mode 100644 index 0000000..5ee7bd0 Binary files /dev/null and b/assets/images/new-img/imgs/seezun.webp differ diff --git a/assets/images/new-img/imgs/simpletend.webp b/assets/images/new-img/imgs/simpletend.webp new file mode 100644 index 0000000..811a79c Binary files /dev/null and b/assets/images/new-img/imgs/simpletend.webp differ diff --git a/assets/images/new-img/imgs/ss-side.webp b/assets/images/new-img/imgs/ss-side.webp new file mode 100644 index 0000000..f0ebbb9 Binary files /dev/null and b/assets/images/new-img/imgs/ss-side.webp differ diff --git a/assets/images/new-img/imgs/st-side.webp b/assets/images/new-img/imgs/st-side.webp new file mode 100644 index 0000000..116b280 Binary files /dev/null and b/assets/images/new-img/imgs/st-side.webp differ diff --git a/assets/images/new-img/imgs/tanami-side.webp b/assets/images/new-img/imgs/tanami-side.webp new file mode 100644 index 0000000..ec1df67 Binary files /dev/null and b/assets/images/new-img/imgs/tanami-side.webp differ diff --git a/assets/images/new-img/imgs/tanami.webp b/assets/images/new-img/imgs/tanami.webp new file mode 100644 index 0000000..66c8332 Binary files /dev/null and b/assets/images/new-img/imgs/tanami.webp differ diff --git a/assets/images/new-img/imgs/tc-side.webp b/assets/images/new-img/imgs/tc-side.webp new file mode 100644 index 0000000..0ad8fba Binary files /dev/null and b/assets/images/new-img/imgs/tc-side.webp differ diff --git a/assets/images/new-img/imgs/tc.webp b/assets/images/new-img/imgs/tc.webp new file mode 100644 index 0000000..f894ba6 Binary files /dev/null and b/assets/images/new-img/imgs/tc.webp differ diff --git a/assets/images/new-img/imgs/woka-side.webp b/assets/images/new-img/imgs/woka-side.webp new file mode 100644 index 0000000..75643a1 Binary files /dev/null and b/assets/images/new-img/imgs/woka-side.webp differ diff --git a/assets/images/new-img/imgs/woka.webp b/assets/images/new-img/imgs/woka.webp new file mode 100644 index 0000000..64a6dcf Binary files /dev/null and b/assets/images/new-img/imgs/woka.webp differ diff --git a/assets/js/custom.js b/assets/js/custom.js index 798dfcc..12e58da 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -270,7 +270,7 @@ $(document).ready(function () { '', responsive: [ { - breakpoint: 1081, + breakpoint: 991, settings: { slidesToShow: 3, centerMode: true, @@ -287,11 +287,11 @@ $(document).ready(function () { }); // Automatically trigger the Next button every 3 seconds - setInterval(function () { - if (isElementInViewport($("#card_slide")[0])) { - $(".next_arrow").trigger("click"); - } - }, 3000); + // setInterval(function () { + // if (isElementInViewport($("#card_slide")[0])) { + // $(".next_arrow").trigger("click"); + // } + // }, 3000); // Utility function: Check if an element is in the viewport function isElementInViewport(el) { diff --git a/pages/ai-app.php b/pages/ai-app.php index ae039b7..f54634b 100644 --- a/pages/ai-app.php +++ b/pages/ai-app.php @@ -12,16 +12,17 @@