:root { --font-primary: "Akrobat", sans-serif; --font-secondary: "Poppins", sans-serif; --color-primary: #f4d5ee; --body-bg: #fffaf2; } html { scroll-behavior: smooth; } img { max-width: 100%; height: auto; width: 100%; } ul { list-style: none; } .white-bg { background: #fff !important; } body { font-family: var(--font-secondary); background: var(--body-bg); overflow-x: hidden; } .overflow-x-hidden { overflow: hidden; } .item { transition: 2s; } a { text-decoration: none !important } a:hover { color: #bb8f3f; text-decoration: none; transition: 2s; } /*Header-desing*/ .navbar { margin: 0; } section { content-visibility: visible; } #header { width: 100%; left: 0px; z-index: 999; padding: 0px 0; min-height: auto; position: relative !important; background-color: #fffaf2; box-shadow: 0px 2px 10px 0px rgb(178 132 52 / 25%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .transparent-header#header { padding: 0px 0; min-height: auto; position: fixed !important; border-bottom: 0; background-color: transparent; box-shadow: none; } #header .navbar { min-height: auto; padding-right: 0px; padding-left: 15px; margin-right: auto; margin-left: auto; } .navbar-nav > li > a { color: #282828; font-family: var(--font-primary); text-transform: uppercase; font-size: 16px; letter-spacing: 1.8px; font-weight: 600; padding: 30px 0px; background: transparent !important; display: flex; align-items: center; } .dropdown.menu-large i ion-icon { font-size: 12px; } .header-box { display: flex; align-items: center; justify-content: space-between; } .navbar .navbar-nav > li { margin: 0px 0 0 15px; padding: 0px; } ul.navbar-right > li:last-child { margin: 0px; padding: 0px; } .w22 { float: left; width: 20%; } .menu-large { position: static !important; } #header ul.nav.navbar-nav.navbar-right { display: inline-flex; align-items: center; } .right-side-menu .dropdown a i { width: 12px; display: inline-block; } .responsive-logo a { padding: 0px; } .navbar-brand { min-width: 220px; } .responsive-logo { float: none; width: auto; margin-left: 7%; } .responsive-logo a img { width: 220px; } .navbar-nav .get-in-touch a { margin-left: 10px; background: #b1885b !important; box-shadow: -9px 0px 0px 0px rgb(191 145 64 / 25%); padding: 12px 15px; border-radius: 30px 0 0 30px; color: #fff; } .header-right { float: none; width: auto; margin-left: auto; } .header-sticky#header { position: fixed !important; border-bottom: 0; backdrop-filter: blur(5px); background: hsla(0,0%,100%,.92) !important; box-shadow: 2px -8px 12px 5px hsl(0deg 0% 87% / 54%); } .navbar-right .megamenu { border-radius: 0px !important; border: 0px; font-family: var(--font-secondary); padding: 15px 10px; } .navbar-right .megamenu li a { font-size: 13px; padding: 5px 10px; font-weight: 500; letter-spacing: 0.2px; } .service_menu .megamenu { width: 90%; right: 0px; left: 0px; margin: 0 auto; } .service_menu .megamenu::before { left: 35%; } .services_mg .bg-color { padding: 0px; } .services_mg ul.nav-stacked li a { color: #686868; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 500; font-size: 13px; } .services_mg ul li.active a { background: #f7f7f7 !important; border-radius: 4px; color: #a88136; } .mg-tab ul { columns: 2; } .megamenu.services_mg { padding: 10px; } .mg-tab .tab-content { padding: 20px; } .mg-tab .tab-content ul li a { text-transform: capitalize; margin-bottom: 10px; padding: 0px; display: block; color: #606060; font-weight: 400; } .navbar-nav > li > .dropdown-menu { border-radius: 0px !important; } .navbar-right .lab-menu .megamenu { width: auto; right: auto; left: auto; } .navbar-right .about-menu .dropdown-menu { right: auto; } ul.dropdown-menu.megamenu::before { content: ""; position: absolute; background: #ffffff; width: 20px; height: 20px; top: -5px; transform: rotate(45deg); z-index: -1; } .menu-large .dropdown-header { font-size: 14px; color: #a58035; padding: 3px 0; } .megamenu > li > ul { padding: 0; margin: 0; list-style: none; } .megamenu > li > ul > li > a { display: block; clear: both; line-height: 17px; color: #333; white-space: normal; text-transform: none; } .menu-large .megamenu .dropdown-header > a { padding: 0; color: #a58035 } .service_menu .megamenu ul li a { padding: 2px 0; background: transparent !important; font-size: 12px; } /*Header-desing*/ .d-flex { display: flex; align-items: center; } .ml-7 { margin-left: 7%; } .mr-7 { margin-right: 7%; } .mt-0 { margin-top: 0px !important; } .sub-header { background: #fdedd3 url("img/banner/sub-bg.png"); background-size: cover; background-position: center; } .sub-header h1 { font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px; font-size: 58px; color: #000000; font-weight: 300; margin-top: 0; } .sub-header h1 span { color: #f4d5ee; font-weight: 700; } .sub-header p { color: #6a6a6a; letter-spacing: 0.5px; font-size: 14px; padding-right: 15%; line-height: 25px; font-weight: 500; } .btn-custom { font-family: var(--font-primary); background: #f4d5ee; padding: 12px 25px; display: inline-block; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 18px; letter-spacing: 1px; margin-top: 20px; border-radius: 50px; border-top-right-radius: 4px; box-shadow: 0px 0px 46px 0px rgba(191, 145, 64, 0.4); border: 2px solid #f4d5ee; } .btn-custom:hover { color: #f4d5ee; background: #fff8ed; border: 2px solid #f4d5ee; } .pr-0 { padding-right: 0px; } .outside-box { position: relative; top: 80px; margin-bottom: 50px; } .outside-box-2 { } .pd-100 { padding: 100px 0; } .pd-50 { padding: 50px 0; } .services-section { } .services-section h1 { font-weight: 400; color: #000; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; font-family: var(--font-primary); font-size: 45px; margin-top: 0; } .services-section h1 span { color: #40bf73; font-weight: 700; } .services-section p { color: #263238; font-size: 14px; font-weight: 500; line-height: 30px; padding-right: 15%; font-family: var(--font-secondary); } .btn-border { border-radius: 50px; border-top-right-radius: 4px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: #f4d5ee; display: inline-block; border: 0.2rem solid #f4d5ee; padding: 10px 25px; margin-top: 15px; font-family: var(--font-secondary); text-align: center; } .btn-border:hover { background: #f4d5ee; color: #fff; } .mt-5 { margin-top: 5rem; } .mt-60 { margin-top: 60px; } p.more { margin-bottom: 0px; } .morecontent span { display: none; } .morelink { display: block; color: #000; } .service-box { padding: 15px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.02); } .service-box img, .list-box img { width: 80px !important; } .service-box h2 { font-family: var(--font-primary); color: #f4d5ee; font-weight: 500; font-size: 24px; line-height: 32px; position: relative; letter-spacing: 0.5px; text-transform: uppercase; } .service-box h2::before { content: ""; position: absolute; width: 2px; height: 90%; background: #424242; left: -15px; top: 5%; } .item .service-box p { padding-right: 0%; line-height: 25px; margin-bottom: 0; } .item .service-box .morelink { margin-top: 10px; color: #f4d5ee !important; letter-spacing: 0.7px; } .pb-0 { padding-bottom: 0px; } .services-section-bg { position: relative; top: -70px; background: #ffe6bb; } .services-section-bg p { color: #745a2d; padding-right: 0%; } .btn-border-black { border-color: #1d1d1d; color: #1d1d1d; } .btn-border-black:hover { background: #1d1d1d; color: #fff; } .min-mt { margin-top: -150px; } .high-light-img { position: relative; top: -50px; } .pb-100 { padding-bottom: 100px; } .pb-150 { padding-bottom: 150px; } .align-items-flex-end { align-items: flex-end !important; } .mb-17 { margin-bottom: -17px; } .sub-text { color: #000000; font-size: 24px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; font-family: var(--font-primary); } .services-section h5 { font-size: 17px; letter-spacing: 0.5px; color: #2b2b2b; line-height: 30px; padding-right: 10%; margin-top: 20px; } .contact-box { padding: 15px; background: #fff; } .contact-box p { color: #414141; font-size: 14px; letter-spacing: 0.5px; font-weight: 500; line-height: 25px; font-family: var(--font-secondary); } .contact-box p b { color: #1c1c1c; font-size: 14px; letter-spacing: 0.5px; font-weight: 600; line-height: 25px; } .contact-box .or { width: 40px; text-align: center; background: #f4d5ee; height: 40px; margin: 0 10px; border-radius: 4px; line-height: 38px; color: #fff; font-family: var(--font-primary); font-size: 20px; font-weight: 700; letter-spacing: 1px; } .btn-icon { color: #f4d5ee; border: 1.5px solid #f4d5ee; border-radius: 5px; background-color: rgb(255, 255, 255); display: inline-flex; padding: 5px 15px 5px 5px; font-family: var(--font-primary); font-weight: 600; font-size: 18px; letter-spacing: 1px; align-items: center; text-transform: uppercase; } .btn-icon i { border-radius: 8px; background-color: rgb(255, 230, 187); width: 35px; height: 35px; text-align: center; line-height: 35px; margin-right: 5px; font-size: 16px; position: relative; display: inline-block; align-items: center; } .btn-icon .far.fa-envelope-open-text { background-image: url('img/mail-open.svg'); background-repeat: no-repeat; background-size: 25px; background-position: center; } .btn-icon i.fa-phone { background-image: url('img/call-sharp.svg'); background-repeat: no-repeat; background-size: 25px; background-position: center; } .btn-icon:hover { background: #f4d5ee; color: #ffe6bb; } .btn-icon:hover i { color: #f4d5ee; } .mt-2 { margin-top: 2rem; } .mb--100 { margin-bottom: -100px; position: relative; } /*Why Choose Us ?*/ .why-choose-us.pt-50 { padding-top: 50px; } .why-choose-us { padding: 140px 0 60px; background: #fff5e6; } .section-header { text-align: center; } .section-header h1 { font-family: var(--font-primary); text-transform: uppercase; color: #1c1c1c; font-weight: 400; font-size: 50px; margin-top: 0; } .section-header h1 span { color: #f4d5ee; font-weight: 900; } .section-header p { color: #575757; font-size: 15px; width: 70%; margin: auto; max-width: 100%; font-weight: 500; line-height: 25px; font-family: var(--font-secondary); } .section-body { margin: 50px 0; } .why-box { text-align: center; padding: 25px 15px; border-radius: 10px; background-color: #FFF; border: 2px solid #f4d5ee; position: relative; margin-bottom: 0; letter-spacing: 0.3px; box-shadow: 0px 22px 32px 0px rgba(83, 65, 30, 0.05); } .why-box:before { content: ''; position: absolute; width: 80%; background: #FFF; height: calc(100% + 4px); left: 10%; top: -2px; z-index: 0; } .why-box:after { content: ''; position: absolute; width: calc(100% + 4px); background: #FFF; height: 80%; left: -2px; top: 10%; z-index: 0; } .why-box .icon { background: #be9040; border-radius: 100px; width: 90px; height: 90px; padding: 15px; margin: 0 auto 25px; position: relative; z-index: 2; box-shadow: 0px 0px 0px 10px rgb(254 246 233); } .why-box .icon img { width: 80px; } .why-box h4 { font-family: var(--font-primary); text-transform: uppercase; font-size: 18px; color: #252525; line-height: 25px; font-weight: 600; position: relative; z-index: 2; margin-bottom: 0; } /*Why Choose Us ?*/ /*testimonials*/ #testimonials { margin: auto; text-align: left; } .testimonial-box { background: #fff; padding: 25px; box-shadow: rgb(226 201 160 / 55%) 0px 0px 35px 0px; border-radius: 4px; overflow: hidden; } .testimonial-box .client-name { margin-top: 0px; font-size: 20px; font-weight: 700; color: #000; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; margin-bottom: 5px; } .client-name-letter { width: 40px; height: 40px; color: #f4d5ee; background: #fff5e5; display: flex; align-items: center; justify-content: center; border-radius: 30px 30px 30px 10px; margin-right: 5px; } .testimonial-box .location { background: #ffd589; border-radius: 0px 40px 40px 0; padding: 5px 15px 5px 25px; display: inline-block; margin-left: -25px; font-size: 13px; margin-top: 5px; font-weight: 600; letter-spacing: 0.3px; } .testimonial-box p { color: #2a2a2a; font-size: 14px; padding: 0; line-height: 25px; font-weight: 500; margin-bottom: 0; display: block; margin-top: 10px; letter-spacing: 0.5px; } .testimonial-box h4 { font-family: var(--font-primary); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #a88136; font-size: 22px; } .rating i { color: #ed9f15; font-size: 15px; margin: 20px 1px 0; } .testimonial-box .morelink { color: #f4d5ee !important; margin-top: 5px; } .client-img img { width: 40px !important; height: 40px; margin-right: 5px; } /*testimonials*/ /*footer-design*/ .foot-detail { height: auto; } .footer-main { background: #2e2e2e; } .footer-main h3 { font-family: var(--font-primary); color: var(--color-primary); font-size: 20px; letter-spacing: 1px; padding: 0 0px 0px; margin-bottom: 20px; line-height: 16.5px; position: relative; text-transform: uppercase; font-weight: 600; } .footer-main h3::before { content: ''; position: absolute; height: 2px; width: 10%; background: #d3b073; left: 0px; bottom: -10px; } .footer_box ul { padding-left: 0px; } .footer_box .social-media li { color: #cfcfcf; line-height: 1; padding: 0; text-align: left; font-size: 14px; } .footer_box ul li a { color: #a4a4a4; font-family: var(--font-secondary); font-size: 13px; letter-spacing: 0.3px; line-height: 25px; font-weight: 500; } .footer_box p { color: #aaaaaa; font-size: 13px; text-align: left; letter-spacing: 0.3px; line-height: 25px; font-weight: 500; font-family: var(--font-secondary); } .footer_box.footer_link { margin-left: 0px !important; } .footer_box { margin-bottom: 30px; display: block; } .footer_box ul { list-style: none; padding-left: 0px; } .footer_box ul li { margin: 0 0 8px; } .footer_box .global li { color: #cfcfcf; font-size: 13px; font-weight: 500; letter-spacing: 0.3px; line-height: 20px; margin-bottom: 10px; } .footer_box .social-media { display: flex; margin-top: 15px; list-style: none; } .footer_box .social-media li { margin: 0 10px 0px 0px; width: auto; } .footer_box .social-media li a { border: 2px solid #8c8c8c; width: 40px; text-align: center; height: 40px; line-height: 40px; border-radius: 4px; font-size: 15px; display: block; } .footer_box .social-media li a:hover { border-color: var(--color-primary); color: var(--color-primary); } .footer_box .social-media li a i ion-icon { font-size: 18px; } .footer-bottom { background: #232323; padding: 15px 0; } .ml-auto { margin-left: auto; margin-bottom: 0; } .footer-bottom p { font-size: 13px; margin-bottom: 0; font-weight: 500; letter-spacing: 0.3px; color: #ababab; font-family: var(--font-secondary); } .footer-bottom ul li { display: inline-flex; } .footer-bottom ul li a { font-size: 13px; color: #ababab; font-weight: 500; letter-spacing: 0.3px; margin-left: 10px; font-family: var(--font-secondary); } .icon-box i { color: #fff; background: #4b4b4b; min-width: 30px; height: 30px; line-height: 37px; text-align: center; border-radius: 10px; margin-right: 10px; } .icon-box i ion-icon { font-size: 18px; } .icon-box a { color: #fff; font-weight: 500; letter-spacing: 0.3px; } .mb-20 { margin-bottom: 20px; } .align-items-start { align-items: start; } .footer_box .global li { font-size: 13px; font-weight: 500; letter-spacing: 0.3px; } .key-bg-1 { background: #ffe6bb; } .key-bg-2 { background: #efd19d; } .key-bg-3 { background: #e1c086; } .key-bg-4 { background: #d3b073; } .key-mainbox { top: -50px; padding-bottom: 0px; position: relative; } .key-point { display: flex; align-items: center; justify-content: center; padding: 15px 10px; } .key-img { width: 30%; text-align: center; margin-right: 10px; } .key-img img { width: 60px; } .key-text h4 { font-family: var(--font-primary); color: #000; font-size: 50px; font-weight: 800; margin: 0; letter-spacing: 1px; } .key-text p { font-family: var(--font-primary); color: #000; margin: 0; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } /*footer-design*/ /**/ .pl-0 { padding-left: 0px; } .owl-nav.disabled { display: none !important; } .owl-prev.disabled, .owl-next.disabled { opacity: 0.4; } .owl-nav { display: inline-flex; position: absolute; top: -50px; width: 80px; justify-content: space-between; right: 0 } .owl-nav .owl-prev, .owl-nav .owl-next { width: 34px; border-radius: 0; background-image: none !important; font-size: 20px; text-align: center; line-height: 34px; color: #f4d5ee; padding: 0; } .navbar-default .navbar-toggle { border-color: #ddd; margin-left: auto; border: 0px; color: #aa8337; font-size: 20px; background: transparent !important; } .card-box { display: flex; align-items: center; background: #fff; border-radius: 15px; padding: 15px; margin-bottom: 15px; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 2%); } .card-box .icon { min-width: 80px; height: 80px; padding: 10px; margin-right: 15px; background: #fff3df; border-radius: 15px; } .card-box .icon img { width: 60px; height: 60px; } .card-box .text-box h4 { text-transform: uppercase; font-family: var(--font-primary); letter-spacing: 1px; font-weight: 600; color: #000; font-size: 20px; margin-top: 0px; } .card-box .text-box p { font-size: 13px; line-height: 25px; padding-right: 15px; letter-spacing: 0.3px; margin-bottom: 0; } .bg-color-2 { background: #ffe6bb; } .second-bg { position: relative; } .second-bg::after { content: ""; background: #f7daa9; position: absolute; width: 30%; height: 100%; top: 0px; right: 0; z-index: 0; } .second-bg-1 { position: relative; } .second-bg-1::after { content: ""; background: #f7daa9; position: absolute; width: 30%; height: 100%; top: 0px; left: 0; z-index: 0; } .second-bg .container, .second-bg-1 .container, .second-bg-1 .container-fluid { position: relative; z-index: 1; } .technology-section { margin-top: -100px; position: relative; margin-bottom: 20px; } .technology-section h4 { font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px; font-size: 20px; font-weight: 700; color: #000; margin-bottom: 15px; } .technology-section .white-box { background: #fff; border-radius: 10px; display: inline-block; } .tec-box { text-align: center; background: #fff; padding: 15px; position: relative; width: 50%; float: left; } .tec-box::after { content: ""; border-right: 1px dashed #f4d5ee; position: absolute; right: 0px; height: 70%; top: 15%; } .tec-box:last-child::after { display: none; } .tec-box h5 { margin: 10px 0 0; text-transform: uppercase; letter-spacing: 1px; color: #222; font-size: 14px; } .tec-box img { max-width: 50px; } .color-p p { color: #745a2d; padding-right: 0%; } .zero-pl p { padding-right: 0%; } .pt-100 { padding-top: 100px; } .pb-50 { padding-bottom: 50px; } .pt-50 { padding-top: 50px; } /*faq*/ .faq { padding-bottom: 0px; } .faq .panel-group { margin: 20px 0; } .faq .panel-group .panel { border-radius: 10px; border: 0px; margin-bottom: 20px; background: #f8e0b4; box-shadow: 0px 0px 18px 0px rgb(255 245 230); } .faq .panel-default > .panel-heading { color: #333; background-color: #f9e1b5; border: 0px; padding: 15px 15px; } .faq .panel-title { margin-top: 0; font-size: 20px; line-height: 29px; letter-spacing: 0.3px; font-family: var(--font-primary); font-weight: 600; color: #8d6926; } .faq .panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0px; padding: 15px 15px; font-size: 14px; line-height: 24px; letter-spacing: 0.3px; font-weight: 400; color: #000; background: #fff; } .faq .panel-default > .panel-heading + .panel-collapse > .panel-body p { color: #000; font-weight: 500; padding: 0px; font-size: 13px; line-height: 20px; margin-top: 10px; } .font-primary { font-family: var(--font-primary); } .faq .panel-title > a { position: relative; display: flex; align-items: flex-start; } .faq .panel-title > a.accordion-toggle.collapsed::after, .faq a.collapsed[data-toggle="collapse"]::after { content: ""; margin-left: auto; min-width: 20px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); } .faq .panel-title > a.accordion-toggle::after, .faq a[data-toggle="collapse"]::after { content: ""; margin-left: auto; min-width: 20px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; } .services-section.faq h1 { margin-top: 0px; } /*faq*/ /*case-study*/ .case-study { background: #ffe6bb; position: relative; } .case-study .owl-nav { position: relative !important; top: 0px; display: flex; margin: auto; } .study-box { margin-top: 20px; } .study-box h1 { margin-top: 0px; font-weight: 400; color: #272727; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; } .study-box h1 span { color: #f4d5ee; font-weight: 700; } .study-box h5 { margin-top: 0px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .study-box p { padding-right: 0px; color: #4a4a4a; letter-spacing: 0.3px; } .cs-img { } /*case-study*/ .dev-services h1 { text-align: center; font-size: 28px; line-height: 40px; } .dev-services h1 span { display: block; } .dev-services .service-box { margin-top: 20px; } .dev-services .service-box img { margin-top: 15px; width: 150px !important; } .bg-text { position: relative; } .bg-text::before { content: "CASE STUDY"; position: absolute; font-size: 70px; opacity: 0.07; font-weight: 800; left: 0; text-align: center; width: 100%; top: -20px; /*        content: "CASE STUDY"; position: absolute; font-size: 70px; opacity: 0.07; font-weight: 800; left: 30%;*/ } .center-p { text-align: center; } .half-bg { position: relative; } .half-bg .container { position: relative; z-index: 2 } .half-bg::before { content: ''; background: #ffe6bb; position: absolute; width: 100%; top: 0px; height: 18%; } /*Technologies*/ .technologies .service-box { margin-top: 30px; padding: 20px 15px; } .technologies .service-box h2 { margin: 0px 0px 20px; text-transform: uppercase; } .tec-table { margin: 30px auto 0; background: #FFF; border: 1px solid #fdeccc; box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.06); width: 80%; max-width: 100%; } .tec-table tr th, .tec-table tr td { padding: 15px 20px; } .tec-table tr th { font-weight: 600; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px; width: 20%; font-size: 18px; color: #a78136; background: #fff6e7; border-bottom: 1px solid #fdeccc; } .tec-table tr:last-child th, .tec-table tr:last-child td { border-bottom: 0px; } .tec-table tr td { font-weight: 400; letter-spacing: 0.5px; color: #646464; border-bottom: 1px solid #fdeccc; } .tech-box { text-align: center; border-radius: 20px; margin-top: 20px; padding: 15px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 2%); } .tech-box img { width: 100% } .mt-n-50 { margin-top: -50px; padding-top: 100px; } .position-relative { position: relative; z-index: 2; } /*Technologies*/ .feature li { position: relative; font-size: 14px; line-height: 20px; margin-bottom: 10px; font-weight: 500; color: #525252; padding-left: 25px; padding-right: 10px; } .feature li::before { content: ''; background-image: url('img/dot-icon.png'); position: absolute; left: 0px; top: 1px; width: 15px; height: 15px; background-size: contain; } ul.service-ul { margin-top: 30px; column-count: 3; column-gap: 10px; padding-left: 0; } .service-ul li { background: #ffffff; padding: 15px; border-radius: 10px; text-transform: capitalize; font-size: 13px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 10px; color: #2c2c2c; } .bg-color-3 { background: #f7daa9; } .bg-color-3 p { color: #604a25; padding-right: 0px; } .owl-carousel.owl-drag .owl-item.active { opacity: 1; } .owl-carousel.owl-drag .owl-item { opacity: 0; } .sub-header .btn-custom { margin-bottom: 20px; } .technologies-ul { width: 70%; max-width: 100%; margin: 20px auto 0; } .technologies-ul li { display: inline-block; background: #FFF; padding: 15px; border-radius: 10px; box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 4%); margin: 0px 10px 20px 0; min-width: 100px; font-weight: 500; color: #000; letter-spacing: 1px; } .bg-gradient { position: relative; background: #c5f7cd;; background: linear-gradient(180deg, #f1c1eb 0%, #f4d5ee); } .bg-gradient:before { content: ''; background-image: url('img/banner/bg1.png'); position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; } .bg-gradient::after { content: ''; background-image: url(img/banner/bg1.png); position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; background-position: right; top: 0; } .bg-gradient .container, .bg-gradient .container-fluid { position: relative; z-index: 2 } .technology-box-2 .tec-box img { max-width: initial; height: 50px; } .technology-box-2 .tec-box { width: 33.33333333%; } .services-inner h3 { font-family: var(--font-primary); font-size: 18px; text-transform: capitalize; line-height: 25px; letter-spacing: .5px; font-weight: 600; color: #222222; margin: 10px 0 0; text-transform: uppercase; } .services-inner { text-align: center; margin: 5px 0 30px; position: relative; } .services-inner .circle-box { width: 90px; background: #fffaf2; border-radius: 60px; margin: auto; height: 90px; line-height: 90px; padding: 4px; display: flex; align-items: center; justify-content: center; box-shadow: -3px 3px 0px 0px rgb(0 0 0 / 5%); } .services-inner img { width: 70%; } .white-bg-box { margin-top: 50px; background: #fdedd3; padding: 30px 40px; box-shadow: 0px 0px 35px 0px rgb(191 145 64 / 5%); border-radius: 20px; } .framework { position: relative; z-index: 1; } .framework .bg-white { background: #FFF; padding: 25px 50px; } .bg-color-4 { background: rgb(255,255,255); } .bg-color-5 { background: #fff2dd; } .bg-color-5 p { color: #6e6962; padding-right: 0%; } .industry .services-inner { background: #fffaf2; padding: 15px 25px; margin-bottom: 10px; text-align: center; border: 2px solid #f3eadc; position: relative; } .industry .services-inner:before { content: ''; position: absolute; width: 80%; background: #fffaf2; height: calc(100% + 4px); left: 10%; top: -2px; z-index: 0; } .industry .services-inner:after { content: ''; position: absolute; width: calc(100% + 4px); background: #fffaf2; height: 80%; left: -2px; top: 10%; z-index: 0; } .industry .services-inner .circle-box, .industry .services-inner h3, .industry .services-inner p { position: relative; z-index: 2; } .industry .services-inner h3 { text-transform: uppercase; } .industry .services-inner p { font-size: 13px; line-height: 23px; margin-top: 10px; } .bg-color-4 .service-box { border: 1px solid #ffe8bf; } .casestudy-features .panel-default { border: 0; box-shadow: none; background: transparent; margin-bottom: 10px; padding: 0px; } .casestudy-features .panel-heading { background: transparent; border: 0; box-shadow: none; padding: 0px; } .casestudy-features .panel-heading a { position: relative; display: flex; align-items: center; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; padding: 8px 0; color: #000; } .casestudy-features .panel-heading a i { font-size: 20px; color: rgb(201, 175, 131); width: 40px; text-align: left; } .services-section h5.sub-heading { font-size: 15px; letter-spacing: 0.5px; color: rgb(157 118 45); line-height: 30px; padding-right: 10%; margin-top: 20px; } .casestudy-features .panel-body { border: 0px !important; font-size: 14px; letter-spacing: 0.3px; line-height: 25px; color: #524123; font-weight: 400; padding: 10px 0px; } .casestudy-features .panel-title > a.accordion-toggle::after, .casestudy-features a[data-toggle="collapse"]::after { content: ""; margin-left: auto; width: 20px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); } .casestudy-features .panel-title > a.accordion-toggle.collapsed::after, .casestudy-features a.collapsed[data-toggle="collapse"]::after { content: ""; margin-left: auto; width: 20px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; } /*25*/ .number-box { font-size: 50px; font-weight: 900; -webkit-text-stroke: 2px black; color: transparent; font-family: var(--font-primary); letter-spacing: 2px; opacity: 0.5 } .owl-dots { display: flex; align-items: center; justify-content: center; margin-top: 35px; } .owl-dot { width: 10px; height: 10px; background: #a39a8d; border-radius: 50px; margin: 0 5px; } .owl-dot.active { background: #504b44; width: 25px; } .industries-serve .industries { background: #fff2dd; padding: 25px; border-radius: 25px } .industries-serve .inner-box { text-align: center; padding: 15px; margin-top: 25px; cursor: pointer } .industries-serve .inner-box .img-inner { width: 80px; height: 80px; margin: auto; background: #FFF; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 0px 10px rgb(0 0 0 / 5%); margin-bottom: 20px; } .industries-serve .inner-box img { width: 100%; } .industries-serve .inner-box h2 { font-family: var(--font-primary); font-size: 18px; text-transform: uppercase; line-height: 25px; letter-spacing: .5px; font-weight: 600; color: #222222; margin: 10px 0 0; } .center-content { justify-content: center; align-items: center; display: flex; flex-wrap: wrap; } .industries .tooltip-inner { font-family: var(--font-secondary); font-size: 13px; padding: 15px; border-radius: 0px; line-height: 20px; font-weight: 500; max-width: 300px; width: 300px; } .services-slider-dot { margin-top: 30px; } .mt-4 { margin-top: 3.4rem } .sub-header h4 { font-family: var(--font-secondary); margin-top: 20px; font-size: 25px; line-height: 40px; font-weight: 300; color: #665a43; letter-spacing: 0.3px; } .sub-header h4 b { background: #e3b666; padding: 2px 8px; font-weight: 500; color: #281e0c; text-transform: capitalize; } .sub-header h5 { font-family: var(--font-secondary); margin-top: 20px; font-size: 18px; line-height: 30px; font-weight: 500; color: #665a43; letter-spacing: 0.3px; } .sub-header h5 b { background: #e3b666; padding: 2px 8px; font-weight: 500; color: #281e0c; text-transform: capitalize; } .p-points, .p-points span { display: block !important; } .p-points { margin: 10px 0; } .p-points span { font-size: 13px; color: #000; position: relative; text-transform: capitalize; padding-left: 10px; line-height: 16px; margin-bottom: 12px; } .p-points span::after { content: ''; width: 3px; height: 100%; background: #f4d5ee; position: absolute; left: 0; top: 0px; } .icon-with-text .card-box .text-box h4 { margin-bottom: 0px; color: #f4d5ee; } .scroll-top { position: fixed; background: #f4d5ee; z-index: 99; bottom: 130px; right: 20px; width: 50px; height: 50px; text-align: center; line-height: 55px; color: #000; font-size: 20px; border-radius: 50px; cursor: pointer; opacity: 1; } .scroll-top:hover { opacity: 0.9; } /*Conatct Form Popup*/ .conatct-form-popup .modal-title { font-family: var(--font-primary); font-weight: 400; color: #000; font-size: 35px; } .conatct-form-popup p { margin: 5px 0 25px; font-weight: 500; font-size: 14px; color: #f4d5ee; } .conatct-form-popup .form-group { margin-bottom: 15px; } .conatct-form-popup .form-group label { font-weight: 500; color: #000; letter-spacing: 1px; } .conatct-form-popup .form-group .form-control { min-height: 50px; background: #ffffff; color: #000; padding: 15px 15px; border-radius: 4px; border: 0; box-shadow: 0px 0px 15px 0px rgb(181 139 59 / 12%); } .conatct-form-popup .form-group .form-textarea { resize: none; height: 150px } .conatct-form-popup .modal-content { padding: 15px 35px; border: 0px; box-shadow: none; background: #fffaf1; } .contact-no { display: flex; } .contact-no .country-code { max-width: 100px; margin-right: 15px; } .contact-no .form-group { width: 100% } .conatct-form-popup button.btn { font-family: var(--font-primary); background: rgb(191, 145, 64); padding: 12px 25px; display: inline-block; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 600; font-size: 18px; letter-spacing: 1px; margin-top: 10px; border-radius: 50px 4px 50px 50px; box-shadow: rgb(191 145 64 / 40%) 0px 0px 46px 0px; border: 2px solid rgb(191, 145, 65); } /*Conatct Form Popup*/ .width-50 .footer_link { min-width: 50%; max-width: 100%; } .right-side-menu span .hydrated { display: none; } /*Only Mobile*/ .side-header-top { display: block; } .side-header-top a { float: none; } .close-menu { } .close-menu i { font-size: 20px; color: #fff; margin-left: 10px; } .global li img { width: 20px; } .fal.fa-angle-left { width: 24px; background-image: url('img/arrow-down.svg'); height: 24px; background-repeat: no-repeat; background-position: center; transform: rotate(90deg); display: block; margin: 4px 3px; background-size: contain; filter: grayscale(1); opacity: 0.5; } .fal.fa-angle-right { width: 24px; background-image: url('img/arrow-down.svg'); height: 24px; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); display: block; margin: 4px; background-size: contain; filter: grayscale(1); opacity: 0.5; } .fal.fa-angle-right:hover, .fal.fa-angle-left:hover { filter: grayscale(0); opacity: 1; } .owl-nav .disabled { opacity: 0 !important } .hight-light-span h2 { margin-top: 0px; } .hight-light { display: block; margin-top: 20px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; } .tec-bg { background: #fff; padding: 25px; position: relative; top: -30px; border-top-left-radius: 70px; border-bottom-right-radius: 70px; } .tech-box-1 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .tech-box-1 .col { text-align: center; margin: 15px 20px 0; } .tech-box-1 .col img { width: 80px; height: 80px; text-align: center; background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 0px 10px rgb(0 0 0 / 5%); } .tech-box-1 .col p { font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; margin-top: 15px; margin-bottom: 0; color: #f4d5ee; padding-right: 0; } .feature { padding-left: 0; } .grayscale-80 { filter: grayscale(100%); } .mbb-technology { background: #FFF; padding: 25px; margin-top: -20px; box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 4%); } .mdb-title { font-size: 22px; font-weight: 200; color: #000; text-align: center; letter-spacing: 1px; width: 50%; margin: auto; max-width: 100%; margin-top: 15px; } .mbb-technology .technologies-ul { width: 100%; text-align: center; } .mbb-technology .technologies-ul li { box-shadow: none !important; text-align: center; } .mbb-technology .technologies-ul span { display: block; margin-top: 5px; } .mbb-technology img { width: 50px; height: 50px; } .p-35 { padding: 35px } .left-half-bg { background: #FFF; } .right-half-bg { background: #fee6bc; } .right-half-bg p { color: #302309; } .mt-3 { margin-top: 3rem; } .mt-6 { margin-top: 6rem } .mtn-50 { margin-top: -50px; position: relative; } .highlight-text { color: #000; border-radius: 4px; } .point-title { font-size: 15px; margin: 0px 0 15px; color: #000; letter-spacing: 0.5px; } .process { padding: 25px; background: #ffda93; } .process .no { font-size: 50px; font-weight: 900; color: #000; margin-top: -60px; display: block; letter-spacing: 0; } .process h3 { margin-top: 10px; font-weight: 800; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 0.5px; color: #000; } .process p { color: #302612; } .process-bg { background: #f1c36b; } .right-side-arrow .owl-nav { right: 0; } .expertise-inner { display: flex; align-items: center; background: #FFF; padding: 15px; border-radius: 4px; margin-top: 25px; box-shadow: 3px 3px 0px 0px rgb(255 238 206); } .expertise-inner img { width: 100px; min-width: 100px; height: 100px; margin-right: 10px; } .expertise-inner h2 { font-family: var(--font-primary); margin: 0px 0 10px; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; font-weight: 600; color: #f4d5ee; } .expertise-inner p { color: #606060; line-height: 24px; margin-bottom: 0px } .mb-2 { margin-bottom: 2rem; } .tech-flex { display: flex; flex-wrap: wrap; justify-content: center; } .large-img { max-width: inherit; width: 150%; } .large-img-left { max-width: inherit; width: 150%; margin-left: -50% } .order-list { display: flex; flex-wrap: wrap; align-items: center } .sub-title { font-family: var(--font-primary); text-transform: uppercase; font-weight: 700; font-size: 24px; letter-spacing: 0.5px; color: #000; } .box-ui { position: relative; padding: 25px 50px; } .bg-1 { background: #fee6bc } .box-ui-list .owl-stage { display: flex; } .box-ui-list { padding-left: 0px; text-align: center; margin-top: 35px; } .box-ui-list .owl-item { display: flex; align-items: center; justify-content: center; padding: 15px 10px; border-radius: 5px; background-color: #FFF; border: 1px solid #f4d5ee; position: relative; letter-spacing: 0.3px; box-shadow: 0px 22px 32px 0px rgb(83 65 30 / 5%); } .box-ui-list .owl-item::before { content: ''; position: absolute; width: 80%; background: #FFF; height: calc(100% + 4px); left: 10%; top: -2px; z-index: 0; } .box-ui-list .owl-item::after { content: ''; position: absolute; width: calc(100% + 4px); background: #FFF; height: 80%; left: -2px; top: 10%; z-index: 0; } .box-ui-list li p { position: relative; z-index: 2; padding-right: 0px; margin-bottom: 0px; line-height: normal; } .conatct-form-ui { padding: 25px; background: #FFF } .mtn-100 { margin-top: -100px; position: relative; } .gray-img { filter: grayscale(100%); } .process-box { position: relative; display: flex; align-items: center; background: #ffffff; padding: 5px 14px; border-radius: 70px; overflow: hidden; font-family: var(--font-primary); } .process-box img { width: 60px !important; } .process-box span { text-transform: uppercase; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; color: #000; line-height: 25px; margin-left: 5px; } .process-box .no { position: absolute; right: 20px; font-size: 60px; font-weight: 900; top: -8px; opacity: 0.1; } .process-white { position: relative; background: #ffffff; overflow: hidden; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 2%); } .process-white img { position: absolute; bottom: -50px; right: -50px; width: 200px; height: 200px; filter: grayscale(100%); opacity: 0.1; } .position-re { position: relative } .bgimg-large { position: absolute; width: 25%; height: 100%; top: 0; right: 0; object-fit: cover; filter: grayscale(100%); } .justify-content-center { justify-content: center; } .owl-title { font-family: var(--font-primary); text-transform: uppercase; font-weight: 700; font-size: 25px; letter-spacing: 0.5px; margin-bottom: 0; color: #f4d5ee; padding-bottom: 23px; } .bg-color-box { background: #ffda93; padding: 25px; } .bg-color-box-1 { background: #f1c36b; padding: 25px; } .bg-color-box-1 h1 span { color: #000; } .br-side-arrow .owl-nav { position: relative; top: 15px; display: flex; filter: grayscale(100); } .two-slider { margin-top: 15px; } .bg-transparent-p0 { padding: 0px !important; background: transparent !important; } .bg-color-6 { background: #ffeecc; } .tech-flex .col { margin: 0 20px; } .order-list-row { display: flex; flex-wrap: wrap; align-items: center; } .magento-icon { background-image: url(img/bg-icon/magento-bg.svg); background-repeat: no-repeat; background-position: right 170%; background-size: 250px; } .morelink { color: #000 !important; } .morelink:hover { color: #bb8f3f !important; } .white-circle-box .circle-box { background: #fff !important; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%); } .bg-color-7 { background: rgb(253,227,191); background: linear-gradient(180deg, #f4d5ee 0%, rgba(255,241,221,1) 100%); } .bottom-arrow .owl-nav { position: relative; top: 0; margin-top: 20px; display: flex; } .center-arrow .owl-nav { position: relative; top: 0; margin-top: 30px; display: flex; align-items: center; width: 100%; justify-content: center; } .flex-box { display: flex; flex-wrap: wrap; } .flex-box .card-box { width: 31.33%; margin: 1%; flex-direction: column; margin-top: 50px; border-radius: 0px; } .flex-box .icon { margin-right: auto; margin-top: -50px; margin-bottom: 16px; border-radius: 70px; background: #ffe6bb; } .service-box ol { padding-left: 0; list-style: none; font-size: 14px; margin-bottom: 0px; max-height: 200px; min-height: 200px; overflow-y: auto; padding-right: 10px; } .service-box ol li { margin-bottom: 10px; position: relative; padding-left: 25px } .service-box ol li:after { content: ''; background-image: url('img/icon/checked.svg'); position: absolute; width: 15px; height: 15px; left: 0px; top: 4px; } .scrollbar::-webkit-scrollbar { width: 4px; height: 4px; } .scrollbar::-webkit-scrollbar-button { width: 0px; height: 10px; } .scrollbar::-webkit-scrollbar-thumb { background: #bcbcbc; border: 0px none #ffffff; border-radius: 50px; } .scrollbar::-webkit-scrollbar-thumb:hover { background: #bcbcbc; } .scrollbar::-webkit-scrollbar-thumb:active { background: #bcbcbc; } .scrollbar::-webkit-scrollbar-track { background: #ddd; border: 0px none #e1e1e1; border-radius: 50px; } .scrollbar::-webkit-scrollbar-track:hover { background: #ddd; } .scrollbar::-webkit-scrollbar-track:active { background: #ddd; } .scrollbar::-webkit-scrollbar-corner { background: transparent; } .item-bg .service-box { background: #ffebc4; padding: 20px; } .item-bg .service-box p { color: #000; letter-spacing: 0px; font-size: 14px; } .item-bg .service-box .number-box { color: #cfb789; opacity: 1; -webkit-text-stroke: 0; margin-top: -20px; } .tec-card .icon { background: #FFF; padding: 0; margin-right: 0; text-align: center; display: flex; align-items: center; } .name-services { padding: 40px 5px 0px; } .name-services .img-box { background: #FFF; width: 100px; height: 100px; padding: 21px; border-radius: 100px; margin: auto; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); } .name-services h2 { margin: 10px auto 0; font-size: 18px; text-align: center; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; line-height: 24px; color: #000; } /*.page-content { overflow: hidden }*/ .bg-rotation { position: relative; overflow: hidden } .bg-rotation::before { content: ''; background: #fec; position: absolute; top: 0px; left: -10%; width: 120%; height: 100%; transform: rotate(-2deg); } .bg-rotation .container { position: relative; z-index: 3 } .bg-rotation-01 { position: relative; overflow: hidden } .bg-rotation-01::before { content: ''; position: absolute; top: 0px; left: -10%; width: 120%; height: 100%; transform: rotate(-2deg); background: rgb(253,227,191); background: linear-gradient(180deg, rgba(253,227,191,1) 0%, rgba(255,241,221,1) 100%); } .bg-rotation-01 .container { position: relative; z-index: 3 } .bg-rotation-02 { position: relative; overflow: hidden } .bg-rotation-02::before { content: ''; position: absolute; top: 0px; left: -10%; width: 120%; height: 100%; transform: rotate(-2deg); background: #ffe6bb } .bg-rotation-02 .container { position: relative; z-index: 3 } .bg-rotation-bottom { position: relative; overflow: hidden } .bg-rotation-bottom::before { content: ''; position: absolute; top: 0px; left: -10%; width: 120%; height: 100%; transform: rotate(-2deg); background: rgb(253,227,191); background: linear-gradient(180deg, rgba(253,227,191,1) 0%, #fffaf2 50%); } .bg-rotation-bottom .container { position: relative; z-index: 3 } @media (min-width: 768px) { .no-point { column-count: 2; } } .no-point { padding: 0; } .no-point li { background: #FFF; margin-bottom: 10px; padding: 20px; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; } .m-auto { margin-left: auto; margin-right: auto; } .m-0 { margin: 0; } /*Add Popup*/ .modal-big { width: calc(90% - 17px); display: flex; align-items: center; justify-content: center; height: 90%; } .close-ui { position: absolute; right: 0px; background: #ff1d1d !important; opacity: 1; width: 40px; height: 40px; top: 0px; } .mobile-add { display: none } @media(max-width: 800px) { .modal-big { width: 96%; height: auto } .desktop-add { display: none } .mobile-add { display: block } } .small-circle .bg-white { background: #FFF; padding: 25px; } .small-circle .circle-box { width: 70px; height: 70px; line-height: 70px; background: #FFF; border: 1px dashed #c1c1c1; margin: 10px 0; display: flex; align-items: center; justify-content: center; } .small-circle .services-inner { margin-bottom: 0px; } .mt-ne-50 { margin-top: -50px; } .mt-ne-40 { margin-top: -40px; } .circle-box .tooltip-inner { font-family: var(--font-secondary); text-transform: uppercase; letter-spacing: 1px; } .whitebox { background: #FFF; padding: 30px; text-align: center; position: relative; } .service-box:hover .btn-arrow { background: #000; color: #ffd37f; transition: 2s; } .btn-arrow { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #ffd37f; border-radius: 50px; font-size: 20px; color: #000; margin-top: 10px; } .btn-arrow:hover { background: #000; color: #ffd37f; } .overflow-p { max-height: 100px; text-overflow: ellipsis; overflow: hidden; } .style-disc { list-style: disc; } .center-block { display: flex; flex-wrap: wrap; justify-content: center; } .activitie-table { position: relative; z-index: 5; } .activitie-table tr th:first-child, .activitie-table tr td:first-child { border-right: 1px solid #ffd380; } .bg-white-box { background: #FFF; padding: 25px 20px; } .bg-white-box h1 { font-size: 35px; line-height: normal; } .grid-view { columns: 3; column-gap: 30px; margin-top: 30px; } .grid-view .bg-white-box { display: grid; break-inside: avoid; margin-bottom: 20px } .hight-light-span { /*    background: #000; color: #FFF; text-transform: uppercase; font-weight: 600; padding: 10px 15px; margin-left: -20px; margin-bottom: 10px; width: 80%;*/ } .faq .tooltip-inner { font-family: var(--font-secondary); letter-spacing: 0.1px; } .faq-span { margin-left: 3px; } .framework-point { display: flex; padding: 0; } .framework-point li { display: flex; align-items: center; margin-bottom: 10px; padding-right: 10px; } .framework-point li img { width: 40px; height: 40px; } .framework-point li p { margin-bottom: 0px; line-height: normal; color: #000; padding-left: 10px; text-transform: uppercase; font-weight: 600; } .point-box { background: #FFF; padding: 15px; } .point-box p { line-height: normal; color: #000; margin-bottom: 0; } .point-box .no { font-size: 40px; font-weight: 800; color: #e3af4b; line-height: normal; margin-bottom: 5px; display: block; font-family: var(--font-primary); } .bg-box { background: #FFF; padding: 20px; } .bg-box img { width: 80px !important; height: 80px; } .flex-expertise { display: flex; flex-wrap: wrap; justify-content: center; } .casestudy-arrow .owl-nav { justify-content: space-between; width: 100%; position: absolute !important; top: 50%; } .casestudy-arrow p { padding-right: 60px; } .casestudy-arrow .owl-prev { background: #FFF; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px; box-shadow: 5px 0px 0px 0px rgb(0 0 0 / 5%); } .casestudy-arrow .owl-next { background: #FFF; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px; box-shadow: -5px 0px 0px 0px rgb(0 0 0 / 5%); } .casestudy-arrow .owl-height { height: auto !important; } .center-p.large-p { font-size: 20px; font-weight: 300; color: #000; } @media (max-width: 768px) { .flex-expertise .col-sm-2 { width: 50%; zoom: 0.9; } .casestudy-arrow p { padding-right: 00px; } } .partners { background: rgb(255, 255, 255); padding: 10px 0px; margin: 20px 0px 0; overflow: hidden; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%); } .partners-flex { display: flex; align-items: center; } .partners-flex h4 { text-transform: uppercase; font-weight: 700; font-size: 15px; min-width: 120px; color: #000; margin: 0px; } .about-us { min-height: 70vh; display: flex; align-items: center; flex-wrap: wrap; padding: 25px 0 0; } .about-us h1 { font-size: 45px; font-weight: 600; } .expertise-list { display: flex; } .expertise-list-box { margin-top: 15px; background: #FFF; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%); padding: 10px 15px 10px; } /*.expertise-list .scrollbar { max-height: 200px; overflow-y: auto; }*/ .expertise-list h5 { margin: 0px 0px; font-weight: 500; color: #f4d5ee; font-size: 13px; } .expertise-list a { display: flex; align-items: center; color: #000; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; margin-left: -6px; } .expertise-list a img { width: 35px; height: 35px; margin-right: 2px; } .industries-ul { list-style: none; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; } .industries-ul li { display: inline-block; width: 12.5%; text-align: center; } .industries-ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 10px; width: 100%; color: #000; font-size: 13px; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; } .industries-ul .circle-box { margin-bottom: 10px; background: #fff8eb; border-radius: 60px; padding: 15px; } .industries-ul .circle-box img { width: 60px; } .partners-flex .owl-stage-outer { margin-top: 0 !important; } /*MAP*/ .map-container { padding: 3.2rem 0.8rem; position: relative; display: inline-block; } .map-container img { width: 100%; } .map-container .point { cursor: pointer; position: absolute; width: 32px; height: 32px; transition: all 0.3s ease; } .map-container .point:hover { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } .map-container .denmark { top: 28%; left: 50%; } .map-container .denmark1 { top: 30%; left: 51%; } .map-container .germany { top: 33%; left: 49%; } .map-container .canada { top: 22%; left: 16%; } .map-container .ghana { top: 53%; left: 46%; } .map-container .nigeria { top: 49%; left: 50%; } .map-container .malaysia { top: 61%; left: 75%; } .map-container .malaysia1 { top: 62%; left: 78%; } .map-container .us { top: 35%; left: 19%; } .map-container .us1 { top: 34%; left: 21%; } .map-container .us2 { top: 39%; left: 18%; } .map-container .us3 { top: 33%; left: 17%; } .map-container .hungary { top: 34%; left: 53%; } @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .map-container .tooltip-inner { background: #FFF; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%); border-radius: 0px; min-width: 280px; } .project-tooltip { background: #FFF; padding: 5px; min-width: 100px; text-align: left; font-family: var( --font-secondary); } .project-tooltip img { width: 32px; height: 32px; margin-right: 5px; } .project-tooltip h5 { margin: 6px 0px 0px; font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 0; line-height: normal; } .project-tooltip span { color: #000; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; } .project-tooltip p { margin: 0px; font-size: 13px; line-height: 20px; } .pro-head { display: flex; align-items: center; margin-bottom: 5px; } .ts-mt-4 { margin-top: 20px !important } .ts-mt-4 .testimonial-box { box-shadow: none !important } @media (min-width: 768px) { .arrow-left-right .owl-nav { justify-content: space-between; width: 100%; position: absolute !important; top: 50%; } .arrow-left-right .owl-prev { left: -50px; position: relative; } .arrow-left-right .owl-next { right: -50px; position: relative; } } .arrow-left-right .owl-prev, .arrow-left-right .owl-next { background: #FFF; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px; margin: 0px 2px; box-shadow: 5px 0px 0px 0px rgb(0 0 0 / 5%); } /*portfolio*/ .portfolio { background: #FFF; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 2%); padding: 20px; border-radius: 0; margin-bottom: 0px } .portfolio .p-footer { display: flex; align-items: center; border-top: 1px solid #fdedd3; margin: 0px -20px 0px; padding: 20px 20px 0; } .portfolio .p-footer h1 { margin: 0px; font-size: 22px; font-weight: 700; color: #e1ad4d; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 0.3px; line-height: 3px; } .portfolio .p-footer p { margin-bottom: 0px; color: #000; font-size: 13px; margin-top: 5px; } .link-a { margin-left: auto; height: 40px; width: 40px; padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50px; filter: grayscale(100%) } .portfolio .p-footer:hover .link-a { filter: grayscale(0%) } .link-a img { width: 20px; } .partners-services-page { margin: -10px 0 0; position: relative; z-index: 2; } .portfolio-p p { padding: 0px; line-height: 24px; font-size: 14px; } .sub-header .text-large { font-size: 16px; font-weight: 400; color: #333; } /*Banner*/ .banner { min-height: 80vh; } .banner-inner { min-height: 80vh; } .bg-gradient.banner::after { content: ''; background-image: url(img/banner/right-side1.png); background-size: contain; background-repeat: no-repeat; background-position: 120% 0px; } .banner-inner p { font-size: 18px; font-weight: 400; color: #000; line-height: 30px; } .banner .owl-dots { margin: 0px; background: #FFF; position: absolute; bottom: 30px; left: calc(50% - 77.5px); right: auto; padding: 10px; border-radius: 50px; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); } .banner .owl-dot { background: #cbcbcb; } .banner .owl-dot.active { background: green; } .about-section h1 { font-size: 32px; font-weight: 700; line-height: 42px; letter-spacing: 0.5px; text-transform: uppercase; } .about-section h1 span { font-size: 45px; display: block; margin-bottom: 5px; } .about-section p { font-size: 16px; } .sub-text-bg { font-family: var(--font-secondary); background: #ffedca; color: #8f6e31; padding: 5px 15px; display: inline-block; border-radius: 20px 20px 20px 5px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; margin-bottom: 8px; } .bg-color-text { background: green url(img/bg-icon/bg-01.svg); padding: 50px 0px 150px; position: relative; background-size: cover; background-position: bottom; } .bg-color-text::after { content: ''; position: absolute; width: 20%; height: 100%; background: #fffaf2; bottom: -25px; right: 0px; z-index: 99; top: 0px; } .bg-color-text p { font-size: 20px; font-weight: 300; color: #000; margin-bottom: 0px; } .mt-nav-50 { margin-top: -150px; position: relative; z-index: 99 } /*BLOG*/ .blog-item { background: #FFF; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%); border-radius: 15px; overflow: hidden; } .blog-item img { height: 200px; object-fit: cover; width: 100%; border-radius: 0px 0px 50px 0px; } .blog-content { padding: 20px; } .blog-content h2 { margin: 0px; font-size: 16px; line-height: normal; color: #000; font-family: var(--font-secondary); font-weight: 600; margin-bottom: 10px; } .blog-content p { padding: 0px; margin-bottom: 0px; line-height: 22px; color: #666; font-weight: 400; font-size: 14px; letter-spacing: 0.5px; } .btn-blog { padding: 8px 20px; display: inline-block; margin-top: 15px; background: #f4d5ee; color: #422e08; border-radius: 10px 30px 30px 30px; } .home-technology { background: #FFF; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%); padding: 15px 25px; margin-top: -80px; text-align: center; } .home-technology .expertise-list-box { padding: 0px; text-align: left; box-shadow: none; background: transparent; margin: 0px; } .hide-review { padding-top: 50px; margin-top: -60px; background: #ffe9c6; background: linear-gradient(180deg, #fff5e6 0%, #f4d5ee 100%); /*background: linear-gradient(180deg, #ffedd0 0%, #fffbf6 100%);*/ } .banner .arrow-left-right .owl-prev, .banner .arrow-left-right .owl-next { border-radius: 50px; width: 50px; height: 50px; background: #fff; box-shadow: none; } .banner .arrow-left-right .owl-prev { left: -70px; } .banner .arrow-left-right .owl-next { right: -70px; } .btn-arrow.btn-text { width: auto; display: inline-flex; font-size: 14px; padding: 10px 20px; align-items: center; height: auto; border-top-right-radius: 5px; } .btn-arrow.btn-text span { margin-right: 5px; } .partners-section { padding: 0px; margin: -25px 0 } .partners-section h1 { font-size: 50px; } .partners-section h4 { font-size: 18px; line-height: normal; color: #3c3c3c; width: 85%; max-width: 100%; } .partners-box { margin-bottom: 25px; } .partners-box img { height: 50px; width: auto !important; } .ht-inner-page { margin-top: 0px; padding: 0px; box-shadow: none; } .banner-after::after { content: ''; background-image: url(img/banner/right-side1.png); background-size: contain; background-repeat: no-repeat; background-position: 120% 0px; } .proces-no { font-size: 20px; font-weight: 800; background: #ffdd9c; width: 60px; display: inline-flex; height: 40px; align-items: center; justify-content: center; border-radius: 50px 50px 50px 20px; color: #000000; letter-spacing: 0.3px; } .career { padding: 50px 0; position: relative; } @media (min-width: 768px) { .career::after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; background-image: url(img/img-career.svg); background-repeat: no-repeat; background-size: 50%; background-position: right center; } } .career h4 { color: #000000; font-weight: 600; } .apply-now h1 { font-family: var(--font-primary); margin-top: 0px; font-weight: 700; font-size: 40px; line-height: 45px; color: #858585; text-transform: uppercase; letter-spacing: 0.5px; } .apply-now p { font-size: 16px; font-weight: 500; color: #000; line-height: 25px; margin-bottom: 0px; } .co-accordion .panel { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%); border: 0; margin-bottom: 20px; } .co-accordion .panel-heading { background: #FFF; padding: 0px; } .co-accordion .panel-heading a { color: #000; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; display: block; position: relative; padding: 20px; } .co-accordion .panel-body { border-color: #f4d5ee !important; } .co-accordion .panel-body h4 { margin-top: 20px; margin-bottom: 20px; color: #6c6c6c; font-weight: 500; text-transform: uppercase; font-size: 15px; letter-spacing: 0.5px; border-left: 4px solid #6c6c6c; display: inline-block; padding: 5px 15px; margin-left: -15px; } .co-accordion .panel-body h4:first-child { margin-top: 10px } .co-accordion .panel-body ul { padding: 0px; margin-bottom: 0px; } .co-accordion .panel-body ul li { margin-bottom: 12px; padding-left: 25px; position: relative; font-size: 14px; font-weight: 500; color: #000; } .co-accordion .panel-body ul li:last-child { margin-bottom: 0px } .co-accordion .panel-body ul li::before { content: ''; background-image: url(../new_desing/img/arrow-down.svg); position: absolute; width: 14px; height: 14px; background-size: contain; left: 0px; top: 0; transform: rotate(-90deg); background-repeat: no-repeat; filter: grayscale(1); } .co-accordion a.accordion-toggle.collapsed::after, .co-accordion a.collapsed[data-toggle="collapse"]::after { content: ""; margin-left: auto; min-width: 30px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); position: absolute; right: 10px; top: 17px; filter: grayscale(1); } .co-accordion a.accordion-toggle::after, .co-accordion a[data-toggle="collapse"]::after { content: ""; margin-left: auto; min-width: 30px; background-image: url('img/caret-down-outline.svg'); height: 30px; background-repeat: no-repeat; background-position: center; position: absolute; right: 10px; top: 17px; filter: grayscale(1); } .founderinfo { margin-top: 50px } .founderinfo img { margin-top: -100px; } .founderinfo h1 { font-weight: 600; color: #000; margin-top: 0px; font-size: 30px; } .founderinfo h1 span { color: #f4d5ee; font-weight: 300; } .mt-nv-80 { margin-top: -80px } h1.mb-0 { margin-bottom: 0px !important; } .services-section .sub-h5 { margin: 10px 0; line-height: normal; font-size: 16px; color: #f4d5ee; padding: 0px; } .point-ol { padding: 0; } .point-ol li { font-size: 14px; font-weight: 500; color: #261d0f; margin-bottom: 8px; list-style: outside; } ol.panel-ol { list-style: circle; padding: 0 0px 0 20px; } ol.panel-ol li { margin-bottom: 10px; font-size: 15px; padding-right: 15px; } .highlight-section { background: #f4d5ee; padding: 30px 0; } .highlight-section p { margin-bottom: 0px; font-size: 20px; text-align: left; font-weight: 300; color: #060606; line-height: 35px; } .highlight-section a { margin-top: 0px; } .tech-flex-white .services-inner .circle-box { background: #FFF; box-shadow: none; width: 70px; height: 70px; padding: 0px } .tech-flex-white .col { max-width: 60px; text-align: center; } .tech-flex-white .col h3 { display: none } .highlight-section h6 { font-size: 16px; line-height: 26px; color: #000; margin: 0; } @media (min-width: 1001px) { .only-for-mobile { display: none !important; } } .video-review { background: #ffe4b1; padding: 20px 30px; padding-bottom: 100px; position: relative } .video-review::after { content: ''; background: #fffaf2; width: 15%; position: absolute; right: 0px; height: 100%; top: 0px; } .video-flex { display: flex; align-items: center; } .video-flex video { width: 100%; margin-top: -50%; box-shadow: -10px -10px 0px 0px rgb(0 0 0 / 5%); } .video-box img { width: 70px; height: 70px; border-radius: 50px; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%); } .video-box h1 { font-weight: 600; color: #000; font-size: 25px; } .video-box h3 { font-size: 15px; color: #000000; background: #fff; display: inline-block; padding: 12px 20px 12px 30px; margin: 5px 0 5px -30px; border-radius: 0 50px 50px 0; font-weight: 600; letter-spacing: 1px; } .video-box p { font-size: 16px; font-weight: 500; line-height: 30px; color: rgb(0, 0, 0); margin-bottom: 0px; margin-top: 10px; letter-spacing: 0.5px; } .mt-nav-8 { margin-top: -70px; } .services-list { list-style: none; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 25px; } .services-list a { background: #FFF; width: 80px; height: 80px; border-radius: 30px; box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 3%); display: inline-flex; align-items: center; justify-content: center; margin: 0px 10px 20px; filter: grayscale(1); } .services-list a:hover { box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); filter: grayscale(0) } .services-list img { width: 55px; height: 55px; } .services-list .tooltip-inner { border-radius: 0px; font-family: var(--font-secondary); letter-spacing: 0.3px; } .bg-color-1 { background: #fffaf2; } .page-link { color: #b1885b; text-decoration: underline !important; } .expertise-li ul { padding: 0px; } .expertise-li li { display: flex; align-items: center; color: #000; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; margin-left: -6px; } .expertise-li li img { width: 35px; height: 35px; margin-right: 2px; } /*tab-technologies*/ .tab-technologies { margin: 20px auto; } .tab-technologies .row { display: flex; flex-wrap: wrap; margin: 0px; } .tab-technologies .row .col { max-width: 20%; } .tab-technologies .row .col h5 { margin: 0px; font-size: 14px; color: #000; padding-right: 0px; } .tab-inside-ul { padding: 0px; } .tab-inside-ul li { display: inline-block; margin-right: 10px; } .tab-inside-ul li a { display: inline-flex; align-items: center; width: 50px; height: 50px; justify-content: center; background: #fff; border-radius: 15px; margin: 10px 0 0 } .tab-inside-ul li a img { width: 40px; height: 40px; } b.more-inner-title { display: block; margin-top: 5px; font-size: 13px; font-weight: 600; color: #000; } .i-point { font-style: normal; margin-top: 5px; display: block; line-height: normal; font-size: 13px; color: #666; position: relative; padding-left: 10px; } .i-point:before { content: ''; position: absolute; left: 0px; top: 7px; width: 5px; height: 5px; background: #000; border-radius: 10px; } .application-bg { background: #FFF url(img/bg-icon/bg-01.svg); background-position: center; background-size: cover; background-attachment: fixed; } .application-screen .owl-item img { -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Safari 3-8 */ transform: scale(0.9); transition: transform .2s; filter: blur(2px); } .application-screen .owl-item.center img { filter: blur(0px); -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari 3-8 */ transform: scale(1); } .content-box { background: #ffe4b0; padding: 100px 10px 40px; text-align: center; margin-top: -80px; } .content-box a { border-radius: 50px; font-family: var(--font-primary); font-size: 18px; font-weight: 700; } #desktop-slider .owl-item, #mobile-slider .owl-item{ opacity: 1; } .service-ul.in-white li{ box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%); border: 1px solid #ffd687; font-weight: 600; font-size: 13px; } .column-count { column-count: 4; } @media (max-width: 1100px) { .tab-technologies .row .col { max-width: 100%; width: 100%; text-align: center; } } @media (max-width: 600px) { .tab-technologies .row .col { text-align: left; } }