:root{--default-font:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--heading-font:"Raleway",sans-serif;--nav-font:"Nunito",sans-serif} :root{--background-color:#ffffff;--default-color:#1f2337;--heading-color:#111111;--accent-color:#dd1414;--surface-color:#ffffff;--contrast-color:#ffffff} :root{--nav-color:#454141;--nav-hover-color:#dd1414;--nav-mobile-background-color:#ffffff;--nav-dropdown-background-color:#ffffff;--nav-dropdown-color:#1f2337;--nav-dropdown-hover-color:#dd1414} .light-background{--background-color:#f7f7f7;--surface-color:#ffffff} .dark-background{--background-color:#060606;--default-color:#ffffff;--heading-color:#ffffff;--surface-color:#252525;--contrast-color:#ffffff} .accent-background{--background-color:#441bbd;--default-color:#ffffff;--heading-color:#ffffff;--accent-color:#ffffff;--surface-color:#2ae149;--contrast-color:#ffffff} :root{scroll-behavior:smooth} body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font)} a{color:var(--accent-color);text-decoration:none;transition:.3s} a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%);text-decoration:none} h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)} .php-email-form .error-message{display:none;background:#df1529;color:#ffffff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600} .php-email-form .sent-message{display:none;color:#ffffff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600} .php-email-form .loading{display:none;background:var(--surface-color);text-align:center;padding:15px;margin-bottom:24px} .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--accent-color);border-top-color:var(--surface-color);animation:php-email-form-loading 1s linear infinite} @keyframes php-email-form-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .header{color:var(--default-color);background-color:var(--background-color);padding:10px 0;transition:all .5s;z-index:997;box-shadow:0 0 18px rgba(0,0,0,0.1)} .header .logo{line-height:1} .header .logo img{max-height:55px;margin-right:8px} .header .logo h1{font-size:26px;margin:0;font-weight:700;text-transform:uppercase;color:var(--heading-color)} .header .logo span{color:var(--accent-color);font-size:26px;font-weight:700} .header .header-social-links{padding:0 0 0 15px} .header .header-social-links a{color:color-mix(in srgb,var(--default-color),transparent 40%);padding-left:10px;display:inline-block;transition:.3s;font-size:16px} .header .header-social-links a:hover{color:var(--accent-color)} .header .header-social-links a i{line-height:0} @media (max-width:1200px){.header .logo{order:1}.header .logo h1{font-size:24px}.header .header-social-links{order:2;padding:0 15px 0 0}.header .navmenu{order:3}} @media (min-width:1200px){.navmenu{padding:0}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navmenu li{position:relative}.navmenu a,.navmenu a:focus{color:var(--nav-color);padding:18px 15px;font-size:13px;font-family:var(--nav-font);text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}.navmenu li:last-child a{padding-right:0}.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus{color:var(--nav-hover-color)} .navmenu .dropdown ul{margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.3s;border-radius:4px;z-index:99;box-shadow:0 0 30px rgba(0,0,0,0.1)} .navmenu .dropdown ul li{min-width:200px}.navmenu .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)} .navmenu .dropdown ul a i{font-size:12px}.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a{color:var(--nav-dropdown-hover-color)} .navmenu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navmenu .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}.navmenu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}} @media (max-width:1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}.navmenu{padding:0;z-index:9997}.navmenu ul{display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:.3s;z-index:9998;box-shadow:0 0 30px rgba(0,0,0,0.1)} .navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)} .navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--accent-color);color:var(--contrast-color)} .navmenu a:hover,.navmenu .active,.navmenu .active:focus{color:var(--nav-dropdown-hover-color)} .navmenu .active i,.navmenu .active:focus i{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)} .navmenu .dropdown ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all .5s ease-in-out}.navmenu .dropdown ul ul{background-color:rgba(33,37,41,0.1)} .navmenu .dropdown>.dropdown-active{display:block;background-color:rgba(33,37,41,0.03)} .mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,0.8);transition:.3s}.mobile-nav-active .navmenu>ul{display:block}} #preloader{position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--background-color);transition:all .6s ease-out} #preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #ffffff;border-color:var(--accent-color) transparent var(--accent-color) transparent;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1.5s linear infinite} @keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background-color:#dd1414;color:white;width:40px;height:40px;border-radius:4px;transition:all .4s} .scroll-top i{font-size:24px;color:var(--contrast-color);line-height:0} .scroll-top:hover{background-color:color-mix(in srgb,#ec0505,transparent 20%);color:var(--contrast-color)} .scroll-top.active{visibility:visible;opacity:1} @media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}} .page-title{color:var(--default-color);background-color:var(--background-color);padding:25px 0;position:relative} .page-title h1{font-size:24px;font-weight:700} .page-title .breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;font-weight:400} .page-title .breadcrumbs ol li+li{padding-left:10px} .page-title .breadcrumbs ol li+li::before{content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 70%)} section,.section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:100px;overflow:clip} @media (max-width:1199px){section,.section{scroll-margin-top:66px}} .section-title{text-align:center;padding-bottom:60px;position:relative} .section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;text-transform:uppercase;padding-bottom:20px;position:relative} .section-title h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:var(--accent-color);left:0;right:0;bottom:0;margin:auto} .section-title p{margin-bottom:0} .contact{padding-top:0} .contact .info{background-color:var(--surface-color);padding:40px;box-shadow:0 2px 15px rgba(0,0,0,0.1);overflow:hidden} .contact .info h3{font-weight:600;font-size:24px} .contact .info p{color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:30px;font-size:15px} .contact .info-item+.info-item{padding-top:20px;margin-top:20px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .contact .info-item i{font-size:24px;color:#212962;transition:all .3s ease-in-out;margin-right:20px} .contact .info-item h4{padding:0;font-size:18px;line-height:24px;font-weight:600;margin-bottom:5px} .contact .info-item p{padding:0;margin-bottom:0;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%)} .contact .php-email-form{width:100%} .contact .php-email-form .form-group{padding-bottom:8px} .contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea{color:var(--default-color);background-color:var(--surface-color);border-radius:0;box-shadow:none;font-size:14px;border-color:color-mix(in srgb,var(--default-color),transparent 80%)} .contact .php-email-form input[type=text]:focus,.contact .php-email-form input[type=email]:focus,.contact .php-email-form textarea:focus{border-color:var(--accent-color)} .contact .php-email-form input[type=text]::placeholder,.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)} .contact .php-email-form input[type=text],.contact .php-email-form input[type=email]{height:48px;padding:10px 15px} .contact .php-email-form textarea{padding:10px 12px;height:290px} .contact .php-email-form button[type=submit]{background:var(--accent-color);color:var(--contrast-color);border:0;padding:13px 50px;transition:.4s;border-radius:4px} .contact .php-email-form button[type=submit]:hover{background:color-mix(in srgb,var(--accent-color) 90%,black 15%)} #header{position:sticky;top:0;z-index:1040;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,0.1)} .section-navbar{position:sticky;top:70px;z-index:1039;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,0.05)} .btn-job:hover{background-color:#ba1a1a;color:#fff} .client-font{color:#535252} .client-heading{color:#4747cb} .btn-client{background-color:#4747cb;color:white} .btn-client:hover{background-color:#ba1a1a;color:white} ul.custom-list{list-style:none;padding-left:0;margin-left:20px} ul.custom-list li::before{content:"•";color:#c1121f;display:inline-block;width:1em;margin-left:-1em} .apply-btn{background-color:#c1121f;color:white;padding:.65rem 1.5rem;font-weight:600;font-size:15px;border:none;border-radius:30px} .apply-btn:hover{background-color:#1a0960;color:white} @media (max-width:576px){.hiring-banner{top:30%;left:5%}.hiring-banner h1{font-size:2.5rem}} .jobform-main{background:url('../img/job-ap.png') no-repeat center center fixed;padding-top:1px;padding-bottom:2px;background-size:cover;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);min-height:100vh;margin:0} .jobform-container-narrow{max-width:720px} .jobform-wrapper{background-color:rgba(255,255,255,0.97);box-shadow:0 10px 30px rgba