JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr:root { --strawford: Strawford; --poppins: Poppins; --p-tag-color: #888888; --theme-bg: #00E99F; } body { overflow-x: hidden; } /* start Strawford */ @font-face { font-family: 'Strawford'; src: url('../fonts/Strawford/Strawford-Light/StrawfordLight.eot'); src: url('../fonts/Strawford/Strawford-Light/StrawfordLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Strawford/Strawford-Light/StrawfordLight.woff2') format('woff2'), url('../fonts/Strawford/Strawford-Light/StrawfordLight.woff') format('woff'), url('../fonts/Strawford/Strawford-Light/StrawfordLight.ttf') format('truetype'), url('../fonts/Strawford/Strawford-Light/StrawfordLight.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Strawford'; src: url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.eot'); src: url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.woff2') format('woff2'), url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.woff') format('woff'), url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.ttf') format('truetype'), url('../fonts/Strawford/Strawford-Regular/StrawfordRegular.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Strawford'; src: url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.eot'); src: url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.woff2') format('woff2'), url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.woff') format('woff'), url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.ttf') format('truetype'), url('../fonts/Strawford/Strawford-Medium/StrawfordMedium.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Strawford'; src: url('../fonts/Strawford/Strawford-Black/StrawfordBlack.eot'); src: url('../fonts/Strawford/Strawford-Black/StrawfordBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/Strawford/Strawford-Black/StrawfordBlack.woff2') format('woff2'), url('../fonts/Strawford/Strawford-Black/StrawfordBlack.woff') format('woff'), url('../fonts/Strawford/Strawford-LigBlackht/StrawfordBlack.ttf') format('truetype'), url('../fonts/Strawford/Strawford-Black/StrawfordBlack.svg') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Strawford'; src: url('../fonts/Strawford/Strawford-Bold/StrawfordBold.eot'); src: url('../fonts/Strawford/Strawford-Bold/StrawfordBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Strawford/Strawford-Bold/StrawfordBold.woff2') format('woff2'), url('../fonts/Strawford/Strawford-Bold/StrawfordBold.woff') format('woff'), url('../fonts/Strawford/Strawford-Bold/StrawfordBold.ttf') format('truetype'), url('../fonts/Strawford/Strawford-Bold/StrawfordBold.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* End Of Strawford */ /* start Poppins */ @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-light/Poppins-Light.eot'); src: url('../fonts/Poppins/Poppins-light/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-light/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins/Poppins-light/Poppins-Light.woff') format('woff'), url('../fonts/Poppins/Poppins-light/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins/Poppins-light/Poppins-Light.svg#Poppins-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-Regular/Poppins-Regular.eot'); src: url('../fonts/Poppins/Poppins-regular/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-Regular/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins/Poppins-Regular/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins/Poppins-Regular/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins/Poppins-Regular/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.eot'); src: url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins/Poppins-Medium/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.eot'); src: url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins/Poppins-SemiBold/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.eot'); src: url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins/Poppins-Bold/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins/Poppins-Black/Poppins-Black.eot'); src: url('../fonts/Poppins/Poppins-Black/Poppins-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins/Poppins-Black/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins/Poppins-Black/Poppins-Black.woff') format('woff'), url('../fonts/Poppins/Poppins-Black/Poppins-Black.ttf') format('truetype'), url('../fonts/Poppins/Poppins-Black/Poppins-Black.svg#Poppins-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /* end Poppins */ .theme-bg { background-color: var(--theme-bg); } * { margin: 0px; padding: 0px; box-sizing: border-box; } nav { align-items: center; height: auto; min-height: 90px; display: flex; font-family: 'Strawford', sans-serif; } .logo { color: #fff; font-size: 22px; /* width: 20%; */ float: left; } #demos .owl-stage { right: 15px; } .nav-links .try-btn a{ width: auto; display: inline-flex; margin-bottom: 10px; } .first_side_vector img.img-fluid { width: 100%; max-width: 100px; } .nav-links { display: flex; align-items: center; width: 80%; float: right; margin: 0; justify-content: end; } .first_side_vector { position: absolute; top: 0; left: 0; z-index: -1; } .first_right_side_vector { position: absolute; top: 0; right: 0; z-index: -1; } .nav-links li { list-style: none; margin-left: 10px; } .nav-links a { font-family: var(--strawford); font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; display: flex; align-items: center; color: #000000; text-decoration: none; padding: 10px 30px; } li.try-btn a { background: #000; color: #fff; padding: 10px 30px; transition: 0.5s; } li.try-btn a:hover { transition: 0.5s; box-shadow: 8px 8px 8px #0000005e; transform: translateX(-10px); } .logo h4 { font-family: var(--strawford); font-style: normal; font-weight: normal; font-size: 40px; line-height: 42px; color: #000000; } .logo h4 span { font-family: var(--strawford); font-style: normal; font-weight: bold; font-size: 40px; line-height: 42px; color: #000000; } .burger { display: none; cursor: pointer; } .burger div { width: 25px; height: 3px; background-color: #000; border-radius: 40px; margin: 5px; transition: all 0.3s ease } ul { list-style: none; padding: 0; margin: 0; } /* blog */ section.blog { padding: 90px 0 0; } .blog-heading h3 { font-family: var(--strawford); font-style: normal; font-weight: bold; font-size: 65px; line-height: 65px; color: #000; } .blog-heading h3 span { font-weight: 300; } .blog-heading p { font-family: var(--poppins); font-style: normal; font-weight: 500; font-size: 17.5087px; line-height: 31px; padding: 30px 0; color: #000; } .try_theme_btn { font-family: var(--strawford); font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #FFFFFF; padding: 13px 30px; border: 2px solid #00E99F; } .btns_main .second_btn { border: 2px solid #00E99F; box-sizing: border-box; border-radius: 5px; margin: 0 20px; } .blog-image img.img-fluid { width: 100%; max-width: 560px; } .btns_main a { transition: 0.5s; } .btns_main a:hover { box-shadow: 8px 8px 8px #16cc775c; transform: translateX(-10px); } .techcard_images ul { display: inline-block; width: 100%; } .techcard_images ul { display: inline-block; width: 100%; } .techcard_images ul li { width: 16.66%; float: left; } /* logo slider */ .logo_slider { padding: 50px 0; position: relative; top: -40px; z-index: -1; } .logo_slider_img h4 { font-family: var(--strawford); font-style: normal; font-weight: normal; font-size: 28px; line-height: 42px; color: #fff; } .logo_slider_img h4 span { font-weight: bold; } .logo_slider ul { width: 100%; display: flex; align-items: center; justify-content: space-between; } .logo_slider ul li .logo_slider_img h4 { margin: 0; } section.services-section { padding: 40px 0; position: relative; } .product-details { display: flex; align-items: center; margin: 0px 40px 40px; transition: 0.5s; } .section_paragragh { width: 65%; margin: 0 auto; } .product-image { border: 2px solid #000000; box-sizing: border-box; filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.07)); border-radius: 6.58065px; padding: 10px 10px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; transition: 0.5s; } .product-details img.hover-hide { display: block; } .product-details img.hover-show { display: none; } .product-details:hover img.hover-hide { display: none; } .product-details:hover img.hover-show { display: block; } .product-details:hover .product-image { background: var(--theme-bg); border-color: var(--theme-bg); box-shadow: 0px 4px 14px rgb(63 54 178 / 25%); transition: 0.5s; } .product-text p { display: grid; margin: 0px 20px; font-family: var(--strawford); font-style: normal; font-weight: bold; font-size: 17px; line-height: 21px; color: #000000; } .product-text p span { font-family: var(--strawford); font-style: normal; font-weight: normal; font-size: 17px; line-height: 21px; color: #000000; } .bg_vector { position: relative; left: -470px; top: -230px; } .bg_vector img.img-fluid { position: absolute; left: -40px; top: -40px; } .mockup_img img.img-fluid { position: relative; padding: 60px 60px; height: 100%; width: 100%; } .position_relative { position: relative; } .bg_vector_two { position: absolute; top: 280px; z-index: -2; right: 50px; } .vector_2 { position: relative; left: -200px; } .vector_2 img.img-fluid { width: 100%; max-width: 270px; position: absolute; top: -220px; } .vector_3 { position: relative; right: 0; } .vector_3 img.img-fluid { width: 100%; max-width: 290px; position: absolute; top: -70px; right: -210px; } .text_gray { color: var(--p-tag-color); } .blog-image { position: relative; } .blog-image_bg_img { position: absolute; bottom: -200px; left: -260px; z-index: -1; } .blog-image_bg_img img.img-fluid { width: 100%; max-width: 700px; } section.blog.all_techcard_img { padding: 180px 0px 40px; position: relative; overflow: hidden; } .vector_4 { position: absolute; top: auto; z-index: -1; right: -580px; bottom: -590px; } @media screen and (max-width:1024px) { .nav-links { width: 80%; } .first_right_side_vector img.img-fluid { width: 100%; max-width: 400px; } } @media screen and (max-width:991px) { body { overflow-x: hidden; } .nav-links { position: absolute; right: 0px; height: 100vh; top: 0; background-color: #85f5c1; display: flex; flex-direction: column; align-items: center; width: 100%; transform: translateX(100%); transition: transform 0.5s ease-in; display: none; } .nav-links li { opacity: 0; } .burger { display: block; } .burger { width: 10%; float: right; z-index: 9999; position: relative; } ul.nav-links.footer-nav-links { position: relative; height: auto; transform: none; top: 0; background: transparent; width: 100%; } ul.nav-links.footer-nav-links li a { color: #000; justify-content: center; } ul.nav-links.footer-nav-links li.try-btn a { color: #fff; } .logo.footer_logo { color: #fff; font-size: 22px; width: 100%; float: none; text-align: center; } .nav-active { transform: translateX(0%); top: 0; height: 100vh; display: block; padding: 60px 20px; width: 100%; z-index: 99; } .burger.toggle .line2 { display: none; } .nav-links.footer-nav-links li { opacity: 1; } .first_right_side_vector img.img-fluid { width: 100%; max-width: 400px; } } .nav-active { transform: translateX(0%); } @keyframes navLinkFade { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0px); } } .toggle .line1 { transform: rotate(-50deg) translate(-6px, 5px); } .toggle .line2 { transform: rotate(90deg) translate(0px, 0px); } .toggle .line3 { transform: rotate(50deg) translate(0px, 0px); } .owl-theme .owl-nav { position: absolute; top: 37%; width: 100%; display: block; margin: 0; } .owl-theme .owl-nav button.owl-prev { position: absolute; left: -70px; } .owl-theme button.owl-next { position: absolute; right: -70px; left: auto; } .owl-theme .owl-nav button { background: #4ae99f !important; box-shadow: 0px 10px 10px #e9e9e9; border-radius: 60px !important; height: 50px; width: 50px; } .owl-theme .owl-nav button img { width: 100%; max-width: 30px; } /* aaa */ body.scroll-hidden { overflow: hidden; } @media screen and (max-width:1440px) { .vector_3 img.img-fluid { right: 0; } .blog-heading h3 { font-size: 45px; line-height: 50px; } .blog-heading p { font-size: 16px; line-height: 27px; padding: 30px 0; } .btns_main { display: flex; } .try_theme_btn { font-size: 15px; padding: 13px 30px; } } @media screen and (max-width:1199px) {} @media screen and (max-width:768px) { .first_side_vector { position: absolute; top: 0; left: 0; display: none; } .logo_slider ul { width: 100%; display: inline-block; align-items: center; justify-content: space-between; text-align: center; } .first_right_side_vector img.img-fluid { width: 100%; max-width: 220px; } ul.nav-links.footer-nav-links { display: inline-block; } } @media screen and (max-width:767px) { .section_paragragh { width: 100%; margin: 0 auto; } .product-details { margin: 0px 0px 40px; } .vector_2 img.img-fluid { display: none; } .mockup_img img.img-fluid { position: relative; padding: 0; height: 100%; width: 100%; } .vector_3 img.img-fluid { display: none; } section.blog.all_techcard_img { padding: 40px 0px 40px; position: relative; overflow: hidden; } } @media screen and (max-width:480px) { section.blog { padding: 20px 0 0; } .blog-heading h3 { font-size: 28px; line-height: 35px; } .blog-heading p { font-size: 14px; line-height: 24px; padding: 30px 0; } .btns_main { display: inline-block; } .btns_main .second_btn { margin: 20px 0; } }