:root { --primary: #1769FF ; --body: #666666; --black: #000000; --white: #ffffff; --light-grey: #f0f4f9; --body-back: #f7f4f2; --highlight: rgb(34, 20, 41); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: "PT Sans", sans-serif; font-weight: 400; color: var(--body); font-size: 16px; background: var(--body-back); border:15px #fff solid; overflow-x: hidden; } h1 { font-size: 50px; color: var(--black); font-weight: 600; } h2 { font-size: 45px; color: var(--black); font-weight: 500; } h3, h4 { font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: "Inter Tight", sans-serif; } ul, li { list-style-type: none; padding: 0; margin: 0;} .center { text-align: center;} .accordion { background: var(--body-back) !important; --bs-accordion-bg: var(--body-back) !important;} .animate { position: relative; text-decoration: none; color: var(--primary); padding-bottom: 5px; } .animate::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 1px; width: 25%; background-color: var(--primary); transition: width 0.3s ease;} .animate:hover::after { width: 100%; } .menu { position: relative; text-decoration: none; padding-bottom: 5px; } .menu::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: var(--primary); transition: width 0.3s ease;} .menu:hover::after { width: 100%; } .menu_modal { position: relative; text-decoration: none; color: var(--white); padding-bottom: 5px; } .menu_modal::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: var(--white); transition: width 0.3s ease;} .menu_modal:hover::after { width: 100%; } .home { padding: 80px 0 30px 0;} .home .small-title { margin-bottom: 20px; word-spacing: 3px;} .home .figures { margin-bottom: 30px;} .home .figures .text h6 { font-weight: bold; font-size: 22px; color: var(--primary);} .home .figures .text p { color: var(--black); font-size: 18px; } .home h5 { line-height: 32px; word-spacing: 2px;} .services-hero { padding: 80px 0 0 0;} .success-story .content { padding:0 100px 0px 30px; border-left:1px #ccc solid; margin: 20px 0;} .success-story .content h3 { margin-bottom: 15px; font-weight: bold;} .success-story .highlist { padding:0 100px 0px 30px; background-color: var(--highlight); padding: 30px 40px; border-radius: 8px; color: var(--white);} .clients { margin: 50px 0;} .clients .client-logo { display: block; margin: 20px 0;} .clients .client-logo .logo { height: 50px; transition: filter 0.3s ease;} .delivered { margin: 30px 0; } .delivered .title-area { margin-bottom: 30px;} .delivered .title-area h3 { font-weight: bold; } .delivered .title-area p { font-size: 16px;} .delivered .box { padding: 20px; border:1px #ccc solid; background-color: var(--white); min-height: 120px;} .delivered .box h4 { font-weight: bold; margin-bottom: 5px;} .delivered .box p { font-size: 15px;} #myDiv { width: 80%; margin:0 auto; padding:70px 0; transition: width 0.5s; } #myDiv .container-small { width: 70%; } #myDiv .container-small img { border-radius: 20px;} .title-color { margin-bottom: 50px;} .title-color h1, .title-color h2 { font-weight: bold;} .title-color h1 span, .title-color h2 span { background: linear-gradient(90deg, rgb(151, 71, 255) 25%, rgb(27, 152, 210) 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .title-color p { margin-top: 15px; font-size: 16px;} .title-color h3 { margin-top: 20px; color: var(--body); } .title-color h4 { line-height: 32px; margin-top: 20px; font-size: 24px;} .title-color h5 { line-height: 26px; margin-top: 20px; font-size: 18px;} .title-color .service-chip { display: inline-block; } .title-color .service-chip li { background-color: var(--white); border-radius: 4px; padding:6px 16px; display: inline-block; color:var(--black); font-size: 14px; margin-right: 5px; } .title-color .logo { height: 80px;} .border { border:1px #ccc solid; background-color: var(--white);} .border:hover { border-color: var(--body) !important} .filters { margin-top: 40px; } .filters ul { display: flex;} .filters ul li a { font-family: "Inter Tight", sans-serif; color: var(--body); border:1px var(--body) solid; padding:8px 15px 10px 15px; border-radius: 100px; text-decoration: none; font-weight: bold; font-size: 13px; } .filters ul li a:hover { color: var(--white); background-color: var(--black); border-color: var(--black);} .filters a.active { color: var(--white); background-color: var(--black); border-color: var(--black); } .filters a.active::after { width: 100%;} .whatsapp { position: fixed; left:49.2%; bottom:90px; } #scrollProgress { position: fixed; top:76px; left: 0; height: 1px; background:var(--primary); width: 0%; z-index: 9; box-shadow: 0 0 10px rgba(151, 71, 255, 0.8), 0 0 20px rgba(27, 152, 210, 0.6); } .page-title { margin-bottom: 5px; font-size: 15px; } .img-responsive { width: 100%;} .light-font { font-weight: normal !important;} .bold { font-weight: bold;} .team-card { text-align: center; position: relative; cursor: none; } .team-card .photo { width: 100%; margin-bottom: 20px; } .team-card .name { margin: 0;} .team-card .designation { margin-bottom: 20px;} .team-card .hover-text { position: absolute; top: 150px; display: none; background: rgba(0, 0, 0, 0.7); color: white; width: 200px; padding:10px 15px; text-align: left; border-radius: 5px; pointer-events: none; font-size: 14px; z-index: 999;} .custom-cursor { position: absolute; font-size: 55px; color: var(--primary); pointer-events: none; z-index: 1000; display: none; } .navbar-collapse { flex-grow: unset; background-color: var(--white); } header .navbar-expand-lg .navbar-nav .nav-item { margin: 0 16px; position: relative;} header .navbar-expand-lg .navbar-nav .nav-item:hover .sub { display: block; position: absolute; width: 150px; top:42px; left:8px; background-color: var(--white); } header .navbar-expand-lg .navbar-nav .nav-item:hover .sub li { border-bottom: 1px #ccc solid; padding: 5px 0;} header .navbar-expand-lg .navbar-nav .nav-item:hover .sub li a { font-size: 13px;} .sticky .navbar-expand-lg .navbar-nav .nav-item:hover .sub { top:58px;} header .navbar-expand-lg .navbar-nav .nav-link { font-weight: 600; font-family: "Inter Tight", sans-serif; color: var(--body); display: inline-block; font-size: 15px; padding-left: 0; padding-right: 0; } header .navbar-expand-lg .navbar-nav .nav-link:hover { color: #427fe0 ;} header .navbar-expand-lg .navbar-nav .contact { font-family: "Inter Tight", sans-serif; color: var(--primary); font-size: 15px; border-radius: 100px; padding:9px 18px; display: inline-block; font-weight: bold; text-decoration: none; border:1px solid var(--primary); font-size: 15px; background-color: var(--white); } header .navbar-expand-lg .navbar-nav .contact:hover { border-color: var(--primary); color: var(--white); background-image: linear-gradient(150deg, #427fe0 0%, #245bb2 70%, #0e4293 100%) !important;} header .navbar-expand-lg .navbar-nav .nav-item .sub { display: none;} header .navbar-expand-lg .navbar-nav .nav-item .hamburger span { height: 35px; width: 35px; display: block; background-position: -97px -3px; position: relative; top:6px;} header .navbar-expand-lg .navbar-nav .nav-item .hamburger:hover span { background-position: -137px -3px;} .navbar-nav .nav-link.active { color: var(--primary) !important;} .navbar-nav .nav-link.active::after { content: ""; color: #427fe0 !important; position: relative; top:5px; display: block; border-bottom: 2px var(--primary) solid; width: 50%; } .navbar-nav .contact.active { background-image: linear-gradient(150deg, #427fe0 0%, #245bb2 70%, #0e4293 100%) !important; color: var(--white) !important; text-decoration: none; font-weight: bold; border-color: var(--primary) !important; } .sticky .navbar-nav .nav-link.active::after { top:26px; border-bottom: 2px var(--primary) solid;} .btn { padding:10px 20px 11px 20px; font-weight: 700; border-radius: 100px; font-size: 14px; } .btn-primary { color: var(--primary); border: 2px solid var(--primary); background-color: var(--body-back); } .btn-primary:hover { background-image: linear-gradient(150deg, #427fe0 0%, #245bb2 70%, #0e4293 100%); } .btn-secondary { background-image: linear-gradient(150deg, #245bb2 0%, #0e4293 70%, #062a65 100%); border:none; } .btn-secondary:hover { background-color: var(--white) !important; } .footer-btn { background-color: var(--highlight) !important; border-color: var(--white) !important; color: var(--white) !important;} .header { width: 100%; position: relative; margin-top: 10px; } .header .header__row img { max-height: 50px; transition: all 0.3s ease-in-out; } .sticky { position: fixed; top: -70px; left: 0; height: 77px; background-color: var(--white); animation: goDown 0.5s ease-in-out forwards; z-index: 9; box-shadow: 0 3px 23px #ccc; z-index: 99; } .sticky .navbar-expand-lg .navbar-nav .nav-link { font-weight: 600; } .sticky .header__row img { max-height: 45px; } .sticky .navbar { padding: 12px 0;} .pad-left { padding-left:20px;} .pad-right { padding-right:30px;} .career-wrapper { background-color: #202427; padding: 80px 0; margin: 50px 0; color: var(--white); height: 550px;} .career-wrapper .main-logo { margin-top: 100px; text-align: center;} .career-wrapper h3 { margin-bottom: 20px;} .career-wrapper .career-listing { border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:20px 0; position: relative; display: flex; align-items: center; justify-content: space-between;} .career-wrapper .career-listing .view { color: var(--white); text-decoration: none; display: flex; justify-content: space-between; width: 100%;;} .career-wrapper .career-listing .view:hover {color: var(--primary); } .career-wrapper .career-listing .view .icon { height: 25px; width: 25px; display: block; background-position: -180px -5px; border:1px solid transparent; position: relative; top:10px; } .career-wrapper .career-listing .view:hover .icon { background-position: -180px -31px; } .career-wrapper .career-listing .view h4 { font-size: 18px; font-weight: bold;} .career-wrapper .career-listing .view .status { display: flex;} .career-wrapper .career-listing .view .status span { color: var(--white); border-radius: 3px; padding:2px 5px 2px 5px; text-transform:uppercase; font-size: 10px; font-weight: bold; height: 21px; margin-left: 6px; } .career-wrapper .career-listing .view .status .open { background-color: green; position: relative; top:16px; margin-right: 10px;} .career-wrapper .career-listing .view .status .close { background-color: var(--body); position: relative; top:16px; margin-right: 10px; } .career-wrapper .career-listing .view .cheap { display: flex; margin-top: 3px;} .career-wrapper .career-listing .view .cheap li { margin: 0 8px; font-size: 14px; } .career-wrapper .career-listing .view .cheap li:first-child { margin-left:0; } .career-box { margin: 20px 0;} .career-box h4 { margin-bottom: 5px;} @keyframes goDown { 0%{ top:-60px; } 100% { transform: translateY(60px); } } .about { padding: 50px 0;} .about h1 { font-size: 85px; font-weight: 400; line-height: 90px;} .about .founder-photo { width: 100%;} .about .founder-photo img { width: 100%;} .pull-right { float: right;} .all-services { background-color: rgb(36, 30, 41); width: 100%; opacity: 1; margin: 50px 0; padding: 50px 60px; } .all-services .title-wrapper { margin-bottom: 30px;} .all-services .title-wrapper h3 { color: var(--white);} .all-services .cards { background-color: #312838; height: 150px; padding:30px 20px 15px 27px; display: inline-block; width: 100%; text-decoration: none; color: var(--white); margin: 13px 0; border-radius: 10px; position: relative; } .all-services .cards .icon { background-color: var(--white); padding:10px; border-radius: 5px; display: inline-block; width: 40px; height: 40px; text-decoration: none; margin-bottom: 10px; } .all-services .cards .link { margin-top:25px; font-size: 14px; border:1px #fff solid; padding:5px 13px 6px 13px; border-radius: 100px; display: inline-block;} .all-services .cards .link:hover { background-color: var(--highlight); border-color: var(--highlight);} .all-services .cards:hover { background-image: linear-gradient(140deg, #3f3452 0%, #6d518e 50%, #724383 75%); } .all-services .cards:hover .link { background-color: var(--highlight); border-color: var(--highlight);} .numbers-qa { margin-right: 30px;} .answers { margin-bottom: 30px; padding-right: 40px; margin-left:55px;} .talk-manager { margin: 20px 0 30px 0;} .talk-manager img { width: 100px; margin-right: 10px; border-radius: 100px;} .services { width: 100%; } .services h1 { color: var(--black);} .services .box { display: inline-block; width: 100%; text-decoration: none; padding: 50px; margin-bottom: 5px; position: relative; overflow: hidden; } .services .box:hover .content h3 { color: var(--black);} .services .box .content { width: 100%; position: relative; z-index: 9; } .services .box .content h3 { font-weight: bold; color: var(--body); font-size: 36px;} .services .box .content h5 { font-size: 16px; color: var(--body); line-height: 25px; margin:5px 0 15px 0; } .services .box .content p { color: var(--black);} .services .box .content .menu { font-weight: bold;} .services .box .keywords { margin: 10px 0 20px 0;} .services .box .keywords li { font-size: 16px; color: var(--body); line-height: 24px; } .services .box .btn-primary { background-color: var(--white);} .services .box .cursorImage { width: 70px; height: 70px; background-image: url(../images/sprites.svg); background-position: 0 0; background-repeat: no-repeat; position: absolute; pointer-events: none; display: none; z-index: 1; } .services .box .picture { width: 100%; margin-top: 30px;} .services .box .client-logos { display: flex; margin: 0 0 20px 0;} .services .box .client-logos .logo { height: 50px; margin-right: 20px;} .services .work-wrapper { margin-bottom: 30px;} .services .work-wrapper .box { margin-bottom: 5px !important;} .services .box .casestudy { position: relative; width: 100%; } .services .box .casestudy .img { position: absolute; top: 0; left: 0; } .services .work-wrapper h3 { font-weight: bold; font-size: 24px;} .services .projects { margin: 25px 0;} .projects .box .home-thumb { height: 250px !important; } .projects .box .theme { padding:50px 0 0 50px; border-radius: 10px 10px 0 0; height: 370px; overflow: hidden; transition: transform 0.3s ease-in-out; display: inline-block; width: 100%; } .projects .box .theme .cover { position: absolute; border-radius: 10px 0 0 0; width: 100%; box-shadow: 10px 10px 10px 10px #000; } .services .projects .eyebrow { } .services .projects .eyebrow .logo { min-height: 45px; margin-top: 5px;} .services .projects .eyebrow .logo img { height: 50px; } .services .projects .eyebrow h3 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; color: var(--black); } .services .projects .eyebrow .category { font-size: 14px; } .noPadding { padding:0 !important} .white-text { color: var(--white);} .process-tabs { color: var(--white); background-color: #202427; padding: 100px 0; margin: 50px 0;} .process-tabs h2 { color: var(--white); margin-top: 10px; } .process-tabs .custom-tabs-wrapper { margin:50px auto 30px auto; width: 90%; } .process-tabs .custom-tabs{border:none;gap:.4rem;flex-wrap:nowrap} .process-tabs .custom-tabs .nav-link { font-size: 18px; color:var(--white);font-weight:bold;transition:all .3s ease; border: none; position: relative; min-width: 125px; text-align: center; } .process-tabs .custom-tabs .nav-link:hover, .process-tabs .custom-tabs .nav-link:focus { color: var(--white); border-color: transparent; } .process-tabs .custom-tabs .nav-link:hover::after { content:""; display: block; position: absolute; top:-4px; left:28px; height: 70px; width: 70px; border-radius: 100px;; background-color:var(--body); color:#fff; z-index: -1;} .process-tabs .custom-tabs .nav-link.active { color:#fff;font-weight:700; position: relative; background: none; border:none; z-index: 99; } .process-tabs .custom-tabs .nav-link.active::after { content:""; display: block; position: absolute; top:-4px; left:28px; height: 70px; width: 70px; border-radius: 100px;; background-color:var(--primary); color:#fff; z-index: -1;} .process-tabs .step-arrow { display:inline-block;margin:10px 5px;font-weight:700;font-size:1.5rem;user-select:none; color:var(--white);} .process-tabs .tab-content { padding: 0 100px; margin-top: 50px; } .process-tabs .tab-content h3 { margin-bottom: 15px; font-size: 32px; } .process-tabs .tab-content p { font-size: 18px; } .talk { text-align: center;} .talk img { width: 100px; margin-bottom: 10px;} .contact-talk { text-align: center;} .talk img { width: 100px; margin-bottom: 10px;} .accordion-button { color: var(--body) !important; padding: 30px 0 !important;} .accordion-button:hover { color: var(--black) !important; } .accordion-button:not(.collapsed), .accordion-button:focus { background: none !important; box-shadow: none !important; color: var(--black) !important;} .team .slick-slide { opacity: 0.8; scale: .85; position: relative; border:2px var(--body) transparent; background-color: var(--white); border-radius: 20px; width: 65vw; margin: 0; } .team .slick-center { opacity: 1; scale: 1; top: 0; box-shadow: 0 0 10px #ccc; } .team .slick-center .details { padding:50px;} .team .member-name { margin-top: 30px;} .team .photo { border-radius: 20px 0 0 20px; width: 100%; height: 100%;} .team .slick-prev { left: 87px; } .team .slick-next { right: 87px; } .talk-expert { background-color: var(--highlight); padding: 80px 50px; color: var(--white); margin: 50px 0; color: var(--white);} .talk-expert h3 { color: var(--white); margin-bottom: 10px; margin-top: 50px; font-weight: bold;} .talk-expert p { color: var(--white);} .talk-expert .person { text-align: center; padding:0 100px} .talk-expert .person img { width: 100%; margin-bottom: 15px; border-radius: 6px;} .talk-expert .person h4 { margin: 10px 0 3px 0;} .talk-expert .person p { font-size: 15px; line-height: 22px;} .card-career { color: var(--body); height: 190px; padding:20px; display: inline-block; width: 100%; text-decoration: none; margin: 10px 0; color: var(--black); background-color: var(--white); border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease;} .card-career:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); color: var(--black);} .card-career .card-body { margin-bottom: 100px;} .card-career .card-body .details { display: flex; justify-content: space-between; margin-bottom: 7px;} .card-career .card-body .details .type { font-weight: bold; font-size: 14px; color: var(--body); margin-bottom: 7px; } .card-career .card-body .details .open { text-transform: capitalize; color:green; font-weight: bold; font-size: 15px;} .card-career .card-body .details .close { text-transform: capitalize; color: var(--body); font-weight: bold; font-size: 15px;} .card-career .card-body .chip { margin-top: 10px; display: flex; } .card-career .chip li { margin-right: 5px; background-color: var(--light-grey); padding:3px 10px 5px 10px; border-radius: 5px; font-size: 14px; } footer { margin-top: 50px; padding-bottom: 30px; } footer .border-top { border-top: 1px #000 solid; padding: 50px 0; } footer .border-top .footer-logo { width: 200px;} footer .form-details { background-color: var(--highlight); margin-bottom: 50px; padding:60px 0 50px 0px; color: var(--white); } footer .form-details h2 { color: var(--white); margin-top: 30px; } footer .social-details { margin-bottom: 80px; border-top:1px #ccc solid; padding-top:30px;} footer .social-details h6 { margin-bottom: 20px; text-align: center;} footer .social-details .link { font-size: 24px; text-decoration: none; color: var(--black); font-weight: bold;} footer .social-details .linkedin:hover { color: #0077b5;} footer .social-details .instagram:hover { color: #8a3ab9;} footer .social-details .twitter:hover { color: #0077b5;} footer .social-details .behance:hover { color: #0077b5;} footer .social-details .dribble:hover { color: #ea4c89;} footer .logo-details .logo { width: 130px; } footer .logo-details .line { font-weight: bold; margin-top: 10px;} .noPadd_r { padding-right: 0;} #preloader { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:9999; justify-content:center; align-items:center; } .list li { margin-left: 15px; list-style-type:disc; padding-left:10px;} .is-invalid { border-color: #dc3545; } .invalid-feedback { color: #dc3545; font-size: 0.875em; margin-top: 0.25rem; } footer .footer-form { padding:0px 50px;} footer .footer-form .form-submit .form-group { margin-bottom: 15px; } footer .footer-form .form-submit .form-group label { margin-bottom: 7px; font-weight: bold; } footer .footer-services { float: right;} footer .footer-services ul { display: flex; margin-top: 35px; } footer .footer-services ul li { margin: 0 10px;} footer .footer-services ul li a { color: var(--body); font-weight: bold;} footer .footer-services ul li a:hover { color: var(--primary);} footer .footer-services ul li a.active { color: var(--primary); font-weight: bold; } footer .footer-services ul li a.active::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%; background-color: var(--primary); transition: width 0.3s ease; display: block; } footer .footer-btm { margin: 40px 0 0 0; padding:25px 0 20px 0; } footer .footer-btm .link { color: var(--white);} footer .footer-btm .link:hover { color: var(--light-grey);} footer .footer-btm .socials { float: right;} footer .footer-btm .socials .stay { position: relative; top:7px;} footer .footer-btm .socials .icon { height: 41px; width: 41px; display: block; } footer .footer-btm .socials .social_01 { background-position: 1px 0; } footer .footer-btm .socials .social_02 { background-position: 1px -42px;} footer .footer-btm .socials .social_03 { background-position: 1px -84px;} footer .footer-btm ul { display: flex; } footer .footer-btm ul li { margin: 0 5px;} footer .footer-btm ul li a { color: var(--body); font-size: 15px; } footer .footer-btm ul li a:hover { color: var(--black);} footer .footer-btm ul li a:hover .social_01 { background-position: -43px 0; } footer .footer-btm ul li a:hover .social_02 { background-position: -43px -42px; } footer .footer-btm ul li a:hover .social_03 { background-position: -43px -84px; } .icon { background-image: url(../images/sprites.svg); background-repeat: no-repeat;} .spinner { border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .contact-form { margin-bottom:70px;} .contact-form .form-group { margin-bottom:20px;} .contact-form .form-group .label { margin-bottom: 5px; display: block;} .contact-form .form-group .label .required { color:red;} #success-message { background-color: green; color:#fff; padding:10px 20px 12px 20px; text-align:center; font-size:15px; border-radius:6px; width:100%; margin-bottom:20px; } .form-item { grid-column-gap: 16px; grid-row-gap: 16px; flex-wrap: nowrap; align-items: center; padding-top: 24px; padding-bottom: 24px; display: flex; } .body-text { color: var(--black); text-align: left; flex: 1; padding-top: 0; font-size: 18px; font-weight: 400; line-height: 140%; display: inline; } .form-field { border-style: none none solid; border-width: 1px; border-color: black black var(--body); color: #000; background-color: #0000; border-radius: 0; flex: 0 auto; margin-bottom: 0; margin-left: 16px; } .contact-right { margin: 30px 0;} .contact-right h6 { font-size: 20px;} .hidden-checkbox { display: none; } .round-checkbox { display: inline-block; cursor: pointer; margin-right: 10px; } .round-label { display: inline-block; padding: 9px 13px 10px 13px; border-radius: 5px; background-color: #fff; border:1px #ccc solid; font-weight: normal; color: var(--black); font-size: 13px; transition: all 0.3s ease; } .hidden-checkbox:checked + .round-label { background-color: var(--highlight); color: var(--white); border-color: var(--black); } .footer-form .hidden-checkbox:checked + .round-label { background-color: var(--primary); color: var(--white); border-color: var(--black); } .custom-radio-group { display: flex; flex-wrap: wrap; gap: 10px; } .custom-radio-label { display: flex; align-items: center; position: relative; cursor: pointer; padding: 7px 15px; color:var(--black); border: 1px solid #ccc; border-radius: 5px; background: #fff; transition: all 0.3s ease; font-size: 14px; } .form-control { padding:10px 15px; border-radius: 4px; font-size: 14px; border: 2px #e5e5e5 solid;; } .form-control:focus { box-shadow: none; border-color: var(--primary); background-color: var(--white);} .custom-radio-label:hover, .round-label:hover { background: var(--primary); color: var(--white); border-color: var(--primary); } .custom-radio-input { display: none; } .custom-radio-button { display: none; } .custom-radio-button::after { content: ""; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; border-radius: 50%; background: white; display: none; } .custom-radio-input:checked + .custom-radio-button::after { display: block; } .custom-radio-label.active { background-color: var(--black); color: var(--white); border-color: var(--black); } .container-small { width: 60%; margin: 0 auto;} .container-small .content .overlay { height: 400px; overflow-y: hidden; margin-bottom: 30px;} .container-small .content .overlay img { margin-bottom: 15px; } .container-small .content .author { margin-top: 50px; display: flex;} .container-small .content .author .name { margin: 23px 20px;} .container-small .content .author img { width: 70px; height: 70px;} .blog-wrapper { margin-bottom: 40px;} .blog-wrapper .date { margin-bottom: 10px; margin-top: 20px; } .blog-wrapper a { text-decoration: none; color: var(--black); } .blog-wrapper .crop-photo { height: 190px; overflow-y: hidden; } .blog-wrapper .crop-photo .photo {width: 100%; height: 100%; border-radius: 10px;} .page-small-title { margin-bottom: 10px;;} ol.step-list.step-list--leadingZero.mb-0 { margin-left: 30px; margin-top: 30px; } .step-list--leadingZero li { list-style-type: decimal-leading-zero !important; padding-left: 14px; margin-bottom: 20px; } .step-list--leadingZero li h5 { font-weight: bold; color: var(--black); } .sticky-desktop-tab { position: -webkit-sticky; position: sticky; width: 100%; padding-right: 50px; top: 180px; } /* Hide default checkbox */ .custom-checkbox { margin-right: 20px; cursor: pointer; position: relative; } .custom-checkbox:hover .text, .custom-checkbox:hover .checkmark { border-color: var(--black); color: var(--black); } .custom-checkbox .text { position: relative; top:1px;} .custom-checkbox input[type="checkbox"] { display: none; } .custom-checkbox .checkmark { height: 20px; width: 20px; border-radius: 4px; display: inline-block; vertical-align: middle; position: relative; margin-right: 3px; border: 1px solid #666; transition: all 0.2s ease; } /* Show tick when checked */ .custom-checkbox input[type="checkbox"]:checked + .checkmark { background-color: var(--primary); border-color: var(--primary); } /* Tick mark using pseudo-element */ .custom-checkbox .checkmark::after { content: ''; position: absolute; display: none; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Show tick when checked */ .custom-checkbox input[type="checkbox"]:checked + .checkmark::after { display: block; } .active_checkbox .text { color: var(--black);} .custom-radio { display: inline-flex; align-items: center; cursor: pointer; margin-right: 20px; transition: 0.2s; } .custom-radio:hover .text { color: var(--black);} .custom-radio:hover .disc { border-color: var(--black);} .custom-radio .hidden-radio { display: none; } .custom-radio .disc { height: 20px; width: 20px; border: 1px solid #666; border-radius: 50%; margin-right: 5px; position: relative; transition: border-color 0.2s; } .custom-radio .disc::after { content: ''; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; background: transparent; border-radius: 50%; transition: background 0.2s; } .custom-radio.active .disc { border-color: var(--primary); /* Green border when active */ } .custom-radio.active .disc::after { background: var(--primary); /* Green disc when active */ } .custom-radio .text { position: relative; top: -1px;} .custom-radio.active .text { color: var(--black); } /* The side navigation menu */ .disableScroll { overflow-y: hidden;} .sidenav { height: 0; width: 100%; position: fixed; z-index: 99; top: 0; left: 0; overflow-y: hidden; background-color: var(--highlight); overflow-x: hidden; transition: 0.8s; color: var(--white); } .sidenav .left { background: linear-gradient(150deg, rgb(151, 71, 255) 25%, rgb(27, 152, 210) 75%); padding:190px 80px 0 100px; height: 100vh;; } .sidenav .left .main li a { color: var(--white); font-size: 34px; font-family: "Inter Tight", sans-serif; font-weight: bold; text-decoration: none; display: inline; } .sidenav .left .main li::after { content: ''; display: block; width: 0; height: 1px; background: var(--white); transition: width .3s; } .sidenav .left .regular-modal li { margin-bottom: 10px; font-size: 20px; } .sidenav .left .regular-modal li a { color: var(--white); text-decoration: none; display: inline; } .sidenav .left .regular-modal li a.active::after { content: ''; position: absolute; left: 0; bottom: 0px; height: 2px; width: 100%; background-color: var(--white); transition: width 0.3s ease;} .sidenav .right { padding: 80px 50px; position: relative; } .sidenav .right .closebtn { float: left;} .sidenav .right .closebtn span { height: 25px; width: 25px; background-position: -96px -37px; display: block; } .sidenav .right .details { padding:110px 0 0 0;} .sidenav .right .details h2 { color: var(--white); margin: 15px 0 30px 0;} .sidenav .right .details .btn-primary { border: 1px solid var(--primary); background-color: var(--primary); color: var(--white);} .sidenav .socials-modal { position: absolute; bottom: 40px;} .sidenav .socials-modal { display: flex;} .sidenav .socials-modal li { margin-right: 45px;} .sidenav .socials-modal li a { color: var(--white); text-decoration: none; font-size: 18px; font-weight: bold;} .sidenav .socials-modal li::after { content: ''; display: block; width: 0; height: 1px; background: var(--white); transition: width .3s; } .sidenav .socials-modal li:hover::after { width: 100%; transition: width .3s; } .backWrapper { padding: 30px 0; margin: 50px 0; background-color: #ffffff; border-top:1px #ccc solid; border-bottom:1px #ccc solid;} .black-wrapper { padding: 0px 0; margin: 50px 0; background-color: var(--highlight); border-top:1px #ccc solid; border-bottom:1px #ccc solid; color: var(--white);} .black-wrapper .numbers .details p { font-size: 14px;} .black-wrapper .numbers .details .loop { margin-top: 4px;} .black-wrapper .numbers .details .text { color: var(--white); margin-top:4px; font-weight: bold; font-size: 15px; text-transform: capitalize;} .service-details { padding-top: 50px;} .grey-title { background: -webkit-linear-gradient(#cccccc, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .numbers .details { padding:0 35px; position: relative; } .numbers .details::after { border-right: 1px #ccc solid; content: ""; position: absolute; right:-15px; top:0; height: 100%;} .numbers .no-border::after { border-right: none !important; } .numbers .details h3 { font-size: 32px; margin-bottom: 5px; background: -webkit-linear-gradient(#cccccc, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .numbers .details h4 { font-size: 22px; margin-bottom: 10px; color: var(--black); margin-top: 20px; } .numbers .details h5 { color: var(--black); margin-bottom: 5px;} .numbers .details p { line-height: 20px; } .details { position: relative; display: inline-block; } .hover-img, .hover { position: relative; transition: all 0.3s ease; line-height: 20px; } .bold-title { font-weight: bold;} .icon-numbers { border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:40px 0; background-color: var(--white); margin-bottom: 0;} .chips { display: flex; margin-top: 10px;} .chips li { margin-right: 10px; background-color: var(--white); padding:5px 20px; border-radius: 100px; } .counter-text .row { margin-bottom: 50px; } .counter-text .row .number { margin-bottom: 20px;} .counter-text .row .title { color: var(--body); font-weight: bold;} .counter-text .content { border-left: 1px #ccc solid; padding-left:40px; padding-top:10px; padding-bottom:10px; margin-bottom: 30px;} .counter-text .content h2 { font-size: 25px; margin-bottom: 15px;} .counter-text .content h3 { font-size: 24px; margin-bottom: 15px; font-weight: bold;} .counter-text .content h3 span { font-size: 20px; margin-bottom: 15px; font-weight: normal;} .counter-text .content p { margin-bottom: 20px;} .counter-text .content ol { margin-bottom: 10px;} .counter-text .content ol li { margin: 10px 0; list-style-type: disc; margin-left:15px; padding-left:10px;} .noBorder { border:none !important} footer .whatsapp-btn { position: fixed; bottom: 82px; left: 49.3%; opacity: 0; } footer .top { display: inline-block; cursor: pointer; background-image: url(../images/sprites.svg); background-repeat: no-repeat; background-position: 1px -128px; width: 43px; height: 43px; text-align: center; position: fixed; bottom: 30px; left: 49%; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } footer .top:hover { background-position: -41px -128px; } footer .top.show, footer .whatsapp-btn.show { opacity: 1; visibility: visible; } .challenges .row { margin: 40px 0; } .carousel-box { width: 300px; height: 200px; margin: 0 10px; background: #ccc; text-align: center; line-height: 200px; font-size: 24px; border-radius: 10px; transition: transform 0.3s ease; flex-shrink: 0; position: relative; } /* Center item enlarged */ .carousel-box.large { transform: scale(1.2); z-index: 2; background: #ffeb3b; } /* Partial visibility for sides */ .custom-carousel-track { margin-left: -50px; margin-right: -50px; overflow: visible; } .career-form .form-group { margin-bottom: 20px; } .career-form .form-group label { margin-bottom: 5px; font-size: 13px; font-weight: bold; text-transform: uppercase; } .career-form .form-group label .required { color: red;} .services-hero .d-flex .back-btn { margin-top: 10px;} .services-hero .d-flex .title-color { margin-left: 20px; } .back-btn { height: 40px; display: block; width: 40px; background-color: rgba(15, 15, 16, 0.5); background-image: url(../images/sprites.svg); background-position: -129px -28px; background-repeat: no-repeat; border: none; z-index: 9; border-radius: 100px; } .back-btn:hover { background-color: rgba(15, 15, 16, 0.8);} .filters select { display: none; } .filters ul { display: flex; gap: 10px; list-style: none; padding: 0; } .quotes {display: none;} /* AOS animation */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { h1 { font-size: 35px;} h2 { font-size: 25px;} .home { padding: 30px 0;} .all-services { padding:25px;} .corporate-address { margin-bottom: 30px;} .socials { margin-top: 30px;} footer .footer-btm .socials, footer .footer-services { float: left;} footer .footer-form { padding:0 20px;} header .container { padding:0;} header .navbar-toggler { margin-right: 20px;} header .navbar-brand { margin-left: 15px;} header .navbar-expand-lg .navbar-nav .contact { margin-top: 10px;} #navbarText { border-top:1px #ccc solid; background-color: var(--white); border-bottom:1px #ccc solid; padding:10px 15px 15px 15px; margin-top: 12px; } .counter-text .content { padding: 0; border: none;} .counter-text .row { margin: 0;} .services-hero, .service-details { padding: 20px 0 0 0;} .services-hero .title-color { margin-bottom: 20px;} .services { margin: 10px 0;} .services .cards { margin: 5px 0;} .contact-form { padding: 0; border: none;} .contact-form .form-group { margin-bottom: 20px;} .contact-form .form-group label { margin-bottom: 10px;} .container-small { width: 95%;} .blog-wrapper .crop-photo { height: 120px;} .filters a { margin-bottom: 0;} .talk-expert { padding: 30px !important; text-align: center !important;} .talk-expert h2 { margin-top: 0 !important;} } /* Landscape mode */ @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (max-width: 600px) and (orientation: landscape) { h1 { font-size: 35px;} h2 { font-size: 25px;} .home { padding: 30px 0;} .all-services { padding:25px;} .corporate-address { margin-bottom: 30px;} .socials { margin-top: 30px;} footer .footer-btm .socials, footer .footer-services { float: left;} footer .footer-form { padding:0 20px;} header .container { padding:0;} header .navbar-toggler { margin-right: 20px;} header .navbar-brand { margin-left: 15px;} header .navbar-expand-lg .navbar-nav .contact { margin-top: 10px;} #navbarText { border-top:1px #ccc solid; background-color: var(--white); border-bottom:1px #ccc solid; padding:10px 15px 15px 15px; margin-top: 12px; } .talk-expert { padding: 30px !important; text-align: center !important;} .talk-expert h2 { margin-top: 0 !important;} } @media only screen and (max-width: 600px) { h1 { font-size: 35px;} h2 { font-size: 25px;} .home { padding: 30px 0;} .all-services { padding:25px;} .corporate-address { margin-bottom: 30px;} .socials { margin-top: 30px;} footer .footer-btm .socials, footer .footer-services { float: left;} footer .footer-form { padding:0 20px;} header .container { padding:0;} header .navbar-toggler { margin-right: 20px;} header .navbar-brand { margin-left: 15px;} header .navbar-expand-lg .navbar-nav .contact { margin-top: 10px;} #navbarText { border-top:1px #ccc solid; background-color: var(--white); border-bottom:1px #ccc solid; padding:10px 15px 15px 15px; margin-top: 12px; } .counter-text .content { padding: 0; border: none;} .counter-text .row { margin: 0;} .services-hero, .service-details { padding: 20px 0 0 0;} .services-hero .title-color { margin-bottom: 20px;} .services { margin: 10px 0;} .services .cards { margin: 5px 0;} .contact-form { padding: 0; border: none;} .contact-form .form-group { margin-bottom: 20px;} .contact-form .body-text { margin-bottom: 5px; display: inline-block; } .container-small { width: 95%;} .container-small .content .overlay { height: 300px;} .blog-wrapper .crop-photo { height: 100px;} .blog-wrapper .date { margin-top: 0;} .filters a { margin-bottom: 0;} .title-color { margin-bottom: 20px;} header .navbar-expand-lg .navbar-nav .nav-item .sub { display: block !important; position: relative !important; top:0 !important; } header .navbar-expand-lg .navbar-nav .nav-item .sub li a { display: block !important; position: relative !important; top:0 !important; } .slick-prev { left:39%; top:250px;} .slick-next { right:39%; top:250px;} .talk-expert { padding: 30px !important; text-align: center !important;} .talk-expert h2 { margin-top: 0 !important;} } .menu-toggle { display: none; background: none; border: none; font-size: 2rem; color: #000; cursor: pointer; } /* Responsive */ @media (max-width: 768px) { body { border: 0;} .sticky .nav { top:71px } .icon-close { display: none; } .menu-toggle { font-size: 1.3rem; cursor: pointer; position: relative; z-index: 1000; padding:0 8px; border-radius: 3px; height: 45px; width: 45px; background-color: var(--black); color: var(--white); } .menu-toggle .icon-close { font-size: 2rem; position: relative; top:-3px; } .menu-toggle.open .icon-bars { display: none; } .menu-toggle.open .icon-close { display: inline; } .nav.show { display: flex; padding-bottom: 30px; } .nav.show .navbar-nav { display: flex; } .menu-toggle { display: block; position: absolute; right:20px; } .menu-toggle .navbar-toggler-icon { width: 30px;} .navbar-nav .nav-link.active::after { border-bottom: none;} .sticky .navbar-nav .nav-link.active::after { border-bottom: none;} body .sidenav .left { padding:110px 20px 50px 20px; height: auto;} .sidenav .right { padding: 30px 20px; position: static;} .sidenav .right .details { padding: 0;} .sidenav .right .closebtn { position: absolute; top:25px; right: 20px;} body .sidenav .socials-modal { position: static; bottom: auto; margin-top: 50px;} body .sidenav .socials-modal li { margin-right: 23px;} body .pull-right { float: left; margin-top: 20px;} body .header .header__row img { max-height: 65px; } body header .navbar-expand-lg .navbar-nav .nav-item .hamburger span { top:-5px;} body .sticky .header__row img { max-height: 45px;} body .sticky .navbar-expand-lg .navbar-nav .nav-item .hamburger span { top:0;} body .process-tabs { padding: 30px 0; margin: 30px 0;} body .process-tabs .custom-tabs-wrapper { width: 100%; margin-bottom: 0;} body .process-tabs .custom-tabs .nav-link { min-width: 30%; margin-bottom: 12px;} body .process-tabs .step-arrow { display: none;} body .process-tabs .custom-tabs { flex-wrap: wrap; } body .process-tabs .custom-tabs .nav-link:hover::after { top: -3px; left: 36px; height: 55px; width: 55px; } body .process-tabs .custom-tabs .nav-link.active::after { top: -3px; left: 36px; height: 55px; width: 55px; } body .process-tabs .tab-content { padding:0;} body .sidenav .left .main li { margin-bottom: 10px;} body .sidenav .left .main li a { font-size: 26px;} body .number .details { margin: 20px 0;} body .logo-details { text-align: center;} body footer .social-details { margin-bottom: 30px; border-top:none; padding-top:0;} body footer .top { right:6%; bottom:20px; left:auto;} body footer .whatsapp-btn { right:6.5%; bottom:85px; left:auto;} body .filters ul { display: none !important; } body .filters select { display: block !important; width: 100%; padding: 8px; } body footer .container { padding:0;} }