/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 HTML OVERWRITES 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
* { margin:0; padding:0; outline:0; }
html,
body { font-family:'DM Sans', sans-serif; color:#002a68; font-size:16px; line-height:26px; font-weight:400; word-spacing:-1px; scroll-behavior:smooth; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
@media (max-width:1024px) {
body { font-size:14px; line-height:24px; }
}
::-webkit-input-placeholder { color:#002a68; }
:-ms-input-placeholder { color:#002a68; }
::-ms-input-placeholder { color:#002a68; }
::placeholder { color:#002a68; opacity:0.5; }
::-moz-selection { background:#62e888; color:#fff; }
::selection { background:#62e888; color:#fff; }
::-webkit-scrollbar { width:10px; background-color:#fff; }
::-webkit-scrollbar-thumb { background-color:#62e888; border-radius:2px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family:'Spline Sans Mono', monospace; font-weight:700; }
h1,
h2 { font-size:55px; line-height:66px; color:#002a68; letter-spacing:-1px; word-spacing:-5px; }
h3,
h4 { font-size:24px; line-height:32px; }
h5 { font-size:20px; line-height:24px; }
h6 { font-size:18px; line-height:22px; }
@media (max-width:1024px) {
h1,
h2 { font-size:40px; line-height:50px; word-spacing:-3px; }
h3,
h4 { font-size:20px; line-height:30px; }
h5,
h6 { font-size:18px; line-height:26px; }
}
blockquote,
address,
time,
p { font-size:16px; line-height:26px; font-weight:400; margin:0 0 15px; }
li { font-size:16px; line-height:26px; font-weight:400; }
@media (max-width:1024px) {
blockquote,
address,
time,
p { font-size:14px; line-height:24px; }
li { font-size:14px; line-height:24px; }
}
main { background:#fff; }
a { font-size:16px; line-height:26px; font-weight:400; text-decoration:none; color:#002a68; transition:all 0.3s ease-out; }
a:hover { text-decoration:none; }
a:focus { outline:0; outline-offset:0; text-decoration:none; }
strong { font-weight:700; }
ul { padding:0; margin:0; }
ul li { list-style:none; font-size:16px; line-height:26px; }
section { overflow:hidden; }
img { width:100%; }
img[data-src] { opacity:0; transition:opacity 0.25s ease-in-out; }
img[data-src][src] { opacity:1; }
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 BUTTONS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
.wpcf7-form input[type='submit'],
input[type='submit'],
.btn { animation-fill-mode:backwards; animation:moveInBottom 5s ease-out; background:transparent; border-radius:0; border:0; box-shadow:none; color:#002a68; display:inline-block; font-family:'Spline Sans Mono', monospace; font-size:16px; font-weight:700; letter-spacing:1px; line-height:1.2; outline:0; padding:15px 40px; position:relative; text-decoration:none; text-transform:uppercase; transition:all 0.3s ease-out!important; z-index:0; }
.wpcf7-form input[type='submit'] { background:#f9ff00; float:right; }
input[type='submit']:after,
.btn:after { content:''; display:inline-block; height:100%; width:100%; border-radius:0; position:absolute; top:0; left:0; z-index:-1; transition:all 0.75s cubic-bezier(0, 1, 0.5, 2); }
input[type='submit']:hover:after,
.btn:hover:after { transform:scaleX(1.4) scaleY(1.6); opacity:0; }
input[type='submit']:hover,
.btn:hover { transform:translateY(-3px)!important; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); }
.btn.btn-primary:after { background-color:#f9ff00; }
input[type='submit']:hover,
.btn.btn-primary:hover { background:#62e888; color:#002a68; }
.btn.btn-secondary:after { background-color:#62e888; }
.btn.btn-secondary:hover { background:#f9ff00; color:#002a68; }
.btn i { font-size:15px; transition:all 0.3s ease-out; }
.link { backface-visibility:hidden; background-color:transparent; border-color:#f9ff00; border-width:0 0 2px 0; border-style:solid; color:#fff; cursor:pointer; display:inline-block; font-size:16px; letter-spacing:2px; outline:none; overflow:hidden; padding:0; position:relative; text-transform:uppercase; }
.link .fa-solid { position:absolute; top:50%; transform:translateY(-50%); margin-left: 4px; font-size:14px; transition:all 0.5s ease-out; font-style:normal; width:25px; text-align:center; }
.link .fa-solid.fa-caret-right {
left:-50px;
width: 10px;
height: 10px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.1,11c.6-.6.6-1.5,0-2.1L11.8,1.7c-.6-.6-1.5-.6-2.1,0s-.6,1.5,0,2.1l6.3,6.3-6.3,6.3c-.6.6-.6,1.5,0,2.1s1.5.6,2.1,0l7.3-7.3h0ZM3,18.3l7.3-7.3c.6-.6.6-1.5,0-2.1L3,1.7c-.6-.6-1.5-.6-2.1,0s-.6,1.5,0,2.1l6.3,6.3L.9,16.3c-.6.6-.6,1.5,0,2.1s1.5.6,2.1,0h0Z'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.link .fa-solid.fa-angles-right {
width: 10px;
height: 10px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.1,11.3c.7-.7.7-1.9,0-2.7L7.5,1.1c-.5-.5-1.4-.7-2.1-.4s-1.2,1-1.2,1.8v15.2c0,.8.5,1.5,1.2,1.8s1.5.1,2.1-.4l7.6-7.6h0Z'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
/* .link .fa-solid.fa-caret-right:before { content:"\21D2"; }
.link .fa-solid.fa-angles-right:before { content:"\2794"; } */
.link span { transform:translate3d(0, 0, 0); backface-visibility:hidden; position:relative; display:block; width:100%; height:100%; padding:12px 35px 10px 10px; z-index:3; transition:all 0.5s ease-out; }
.link:before,
.link span:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:50px; border-bottom:1px solid #f9ff00; z-index:2; }
.link span:before { display:block; transform:translate(-50%, -50%); transform-origin:center center; z-index:-1; }
.link:after { transition:all 100ms ease-out; content:''; position:absolute; left:0; top:0; transform:scaleX(0) skewX(-5deg); width:100%; height:100%; background-color:#f9ff00; border:1px solid transparent; z-index:1; }
.link:hover:after { animation:buttonSwoosh 0.7s ease-in; }
.link:hover span { padding:12px 10px 10px 35px; }
.link:hover span:before { animation:buttonFill 0.5s ease-out; animation-fill-mode:forwards; }
.link:hover .fa-solid.fa-caret-right { left:10px; }
.link:hover .fa-solid.fa-angles-right { right:-50px; }
.link:active:before { background-color:#f9ff00; }
@media (max-width:1024px) {
.btn { padding:12px 20px; font-size:14px; }
.link { font-size:14px; }
}
@keyframes moveInBottom {
0% { opacity:0; transform:translateY(30px); }
100% { opacity:1; transform:translateY(0px); }
}
@keyframes buttonSwoosh {
0% { transform-origin:left center; }
20% { transform:scaleX(1) skewX(-5deg); transform-origin:left center; }
21% { transform-origin:right center; }
50% { transform:scaleX(0) skewX(-5deg); transform-origin:right center; }
}
@keyframes buttonFill {
0% { background-color:rgba(14, 56, 118, 0); }
20% { opacity:0.5; border-width:15px; border-color:#092248; }
100% { opacity:0.5; border-width:1px; background-color:rgba(14, 56, 118, 0.3); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 CONTACT 7 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
input:not([type='submit']),
.form-control { width:100%; height:42px; padding:0 15px; border-radius:0; border:1px solid #f0f0f9; outline:0; background:transparent; font-size:16px; line-height:1; color:#fff; box-shadow:none; transition:all 0.3s ease-out; }
input:focus,
.form-control:focus { background:transparent; color:#fff; box-shadow:none; }
.wpcf7-form-control-wrap { display:block; }
.wpcf7-form label { display:block; width:100%; position:relative; }
select { background-image:url("data:image/svg+xml; charset=UTF-8,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00005 9.50005C8.90154 9.50015 8.80399 9.48079 8.713 9.44308C8.622 9.40536 8.53935 9.35005 8.4698 9.2803L0.969797 1.7803C0.676734 1.48723 0.676734 1.01267 0.969797 0.719797C1.26286 0.426922 1.73742 0.426734 2.0303 0.719797L9.00005 7.68955L15.9698 0.719797C16.2629 0.426734 16.7374 0.426734 17.0303 0.719797C17.3232 1.01286 17.3234 1.48742 17.0303 1.7803L9.5303 9.2803C9.46074 9.35005 9.37809 9.40536 9.2871 9.44308C9.1961 9.48079 9.09855 9.50015 9.00005 9.50005Z' fill='%23335259'/%3E%3C/svg%3E"); background-size:15px; background-repeat:no-repeat; background-position-x:calc(100% - 15px); background-position-y:50%; appearance:none; padding:10px 35px 10px 15px; font-size:16px; font-weight:400; color:#002a68; }
.wpcf7-form textarea,
.wpcf7-form select { width:100%; height:86px; padding:15px 15px 0; border-radius:0; outline:0; background:transparent; font-size:16px; line-height:1; box-shadow:none; }
.wpcf7-form textarea,
.wpcf7-form input,
.wpcf7-form select { display:block; color:#002a68; border:1px solid #002a68; font-weight:normal; transition:all 0.3s ease-out; position:relative; z-index:10; }
.wpcf7-form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form select:focus { content:''; box-shadow:0 3px 0 2px #62e888; transform:translateY(-3px); }
.budget_form.application_form .upload-file .content:hover { content:''; box-shadow:0 3px 0 2px #62e888; transform:translateY(-3px); }
.wpcf7-not-valid-tip { font-size:12px; text-align:left; line-height:1.5; }
.accordion-button::after { transition:all 0.5s cubic-bezier(0, 1, 0.5, 2); }
@media (max-width:1024px) {
.collapse:not(.show) { display:none!important; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 RESPONSIVE GLOBAL SHOW / HIDE 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
.for-phone { display:none!important; }
@media (max-width:1024px) {
.for-phone { display:block!important; }
.for-desktop { display:none!important; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 OWL CAROUSEL GLOBAL 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
.owl-carousel .owl-stage { cursor:grab; }
.owl-carousel .owl-dots .owl-dot span { border:1px solid #65b1e3; background:none; margin:5px 8px 0; transition:all 0.3s linear; }
.owl-carousel .owl-dots .owl-dot.active span { border-color:#65b1e3; background:#65b1e3; width:25px; }
.owl-carousel .owl-dots .owl-dot:hover span { background:#65b1e3; }
.owl-carousel .owl-nav.container { text-align:right; display:flex!important; align-items:center; justify-content:end; margin-top:30px; padding-right:0; }
.owl-carousel .owl-nav button { width:40px; height:40px; padding:0!important; margin:0; border-radius:0!important; display:flex!important; align-items:center; justify-content:center; box-shadow:none; outline:0; cursor:pointer; transition:all 0.3s ease-out; opacity:1; }
.owl-carousel .owl-nav button svg { width:12px; height:12px; transition:all 0.3s ease-out; }
.owl-carousel .owl-nav.disabled + .owl-dots { margin-top:30px; }
.owl-carousel .owl-nav.yellow button { border:1px solid #f9ff00!important; background:#f9ff00!important; }
.owl-carousel .owl-nav.yellow button svg { fill:#002a68; }
.owl-carousel .owl-nav.blue button { border:1px solid #65b1e3!important; background:#65b1e3!important; }
.owl-carousel .owl-nav.blue button svg { fill:#fff; }
.owl-carousel .owl-nav button.owl-next { margin-left:15px; }
.owl-carousel .owl-nav button.disabled { pointer-events:none; background:transparent; }
.owl-carousel .owl-nav button.owl-prev:hover svg { transform:translateX(-3px); }
.owl-carousel .owl-nav button.owl-next:hover svg { transform:translateX(3px); }
.owl-carousel .owl-nav button.owl-prev:hover { box-shadow:-40px 0 0 #62e888 inset; border:1px solid #62e888!important; }
.owl-carousel .owl-nav button.owl-next:hover { box-shadow:40px 0 0 #62e888 inset; border:1px solid #62e888!important; }
.owl-carousel .owl-nav button.disabled:hover { box-shadow:none; }
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 FLOATING BUTTONS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
#backtotop { position:fixed; bottom:20px; right:20px; z-index:899; background:none; border:1px solid #002a68; width:50px; height:50px; border-radius:50%; display:none; place-items:center; transition:all 0.3s ease-out; }
#backtotop div { display:grid; place-items:center; height:calc(100% - 10px); width:calc(100% - 10px); border:1px solid #002a68; background:#fff; border-radius:50%; }
#backtotop div i { font-size:20px; color:#002a68; }
#backtotop div svg { width:20px; height:20px; fill:#002a68; }
#call_float_section { position:fixed; left:20px; bottom:20px; transition:all 0.3s ease-out; z-index:899; }
#call_float_section a.close { position:absolute; left:-7px; top:-12px; width:15px; height:15px; background:#fff; font-weight:400; font-size:14px; color:#002a68; border-radius:50%; opacity:1; display:flex; align-items:center; justify-content:center; box-shadow:0 0 2px rgba(0, 0, 0, 0.8); transition:all 0.3s ease-out; }
#call_float_section a.close i { font-size:12px; }
#call_float_section a.close svg { width:9px; height:9px; fill:#002a68; transition:all 0.3s ease-out; }
#call_float_section a.close.collapse { display:none; }
#call_float_section a.phone { color:#003da0; text-decoration:none; font-family:'Spline Sans Mono', monospace; font-weight:700; font-size:20px; width:168px; height:30px; max-height:30px; transition:all 0.3s ease-out; white-space:nowrap; overflow:hidden; line-height:30px; transform-origin:100% 100%; display:block; text-overflow:ellipsis; font-display:swap; }
#call_float_section svg { width:25px; height:25px; fill:#003da0; cursor:pointer; }
#call_float_section .call_icon { display:flex; align-items:center; justify-content:center; background-color:#62e888; padding:5px 15px 5px 5px; border-radius:50px; gap:5px; height:55px; animation-name:callButtonPulse; animation-duration:1.5s; animation-timing-function:ease-out; animation-iteration-count:infinite; }
#call_float_section .call_icon.closed { padding:5px 5px 5px 5px; gap:0; }
#call_float_section .call_icon span { background-color:#fff; padding:10px; border-radius:50%; min-width:45px; display:flex; align-items:center; justify-content:center; }
#call_float_section a.phone.closed { width:0; overflow:hidden; height:80px; }
@media (max-width:1024px) {
#call_float_section svg { width:20px; }
#call_float_section a.phone { width:130px; font-size:15px; }
}
@media (min-width:1024px) {
#backtotop:hover { transform:translateY(-5px); background:#f9ff00; }
#call_float_section a.close:hover svg { fill:#fff; }
#call_float_section a.close:hover { background:#002a68; }
}
@keyframes callButtonPulse {
0% { box-shadow:0 0 0 0 rgba(37, 211, 102, 0.75); }
80% { box-shadow:0 0 0 14px rgba(37, 211, 102, 0); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 FOOTER 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
footer#footer { display:flex; justify-content:space-between; position:relative; }
footer#footer h5 { color:#fff; margin:0 0 20px; min-height:10px; }
footer#footer p { color:#fff; }
footer#footer .leftSide { background:#003da0; width:60%; margin-right:5px; border-radius:0 200px 0 0; }
footer#footer .leftSide .top { padding:100px 100px 50px; }
footer#footer .leftSide .top .footer-link { margin-bottom:30px; }
footer#footer .leftSide .top .col-md-4:last-child .footer-link { margin-bottom:0; }
footer#footer .leftSide .bottom { border-top:1px solid rgba(121, 191, 242, 0.1); padding:20px 100px; }
footer#footer .leftSide .bottom p { color:#fff; color:rgba(240, 240, 241, 0.7); margin:0; text-align:left; }
footer#footer .righttSide .es_subscription_message { background:#fff; display:block; padding:15px; border-radius:0 0 15px 0; font-size:16px; line-height:26px; font-weight:400; }
footer#footer .righttSide .es_subscription_message:empty { display:none; }
footer#footer .righttSide { background:#002a68; width:40%; margin-left:5px; border-radius:200px 0 0 0; padding:100px; }
footer#footer .righttSide form input { max-width:370px; margin-bottom:15px; }
footer#footer .righttSide form input::-webkit-input-placeholder { color:rgba(240, 240, 241, 0.5); }
footer#footer .righttSide form input:-ms-input-placeholder { color:rgba(240, 240, 241, 0.5); }
footer#footer .righttSide form input::-ms-input-placeholder { color:rgba(240, 240, 241, 0.5); }
footer#footer .righttSide form input::placeholder { color:rgba(240, 240, 241, 0.5); }
footer#footer .righttSide form input[type='submit'] { background:#f9ff00; font-size:16px; font-weight:700; line-height:1; letter-spacing:1px; border:0; outline:0; box-shadow:none; padding:14px 25px; transition:all 0.3s ease-out; }
footer#footer .righttSide form input[type='submit']:hover { background:#62e888; }
footer#footer .righttSide form input:focus { content:''; box-shadow:0 3px 0 2px #62e888; transform:translateY(-3px); }
footer#footer .contact { display:flex; flex-direction:column; margin-bottom:25px; }
footer#footer .contact li { display:flex; justify-content:flex-start; align-items:center; margin-bottom:15px; font-size:16px; color:#fff; font-weight:400; }
footer#footer .contact li:last-child { margin-bottom:0; }
footer#footer .contact li address { margin:0; }
footer#footer .contact li a { position:relative; color:#f9ff00; overflow:hidden; }
footer#footer .contact li a:before { content:''; width:50%; height:100%; background:#fff; position:absolute; bottom:0; left:-100%; filter:blur(3px); transition:all 1s; }
footer#footer .contact li a:hover:before { left:150%; }
footer#footer .contact li a:hover { color:#62e888; }
footer#footer .contact li i { display:inline-block; margin-right:12px; font-size:18px; }
footer#footer .contact li svg { display:inline-block; margin-right:12px; width:18px; height:18px; fill:#fff; }
footer#footer .contact li.call svg,
footer#footer .contact li.email svg { fill:#f9ff00; }
footer#footer .footer-link li { margin-bottom:15px; }
footer#footer .footer-link li a,
footer#footer .footer-link li > span { display:table; margin-right:auto; position:relative; color:rgba(240, 240, 241, 0.7); }
footer#footer .footer-link li a:hover { color:#f0f0f9; }
footer#footer .footer-link li a:before { content:''; width:0; height:2px; background:#f9ff00; position:absolute; bottom:0; left:0; transition:all 0.3s ease-out; }
footer#footer .footer-link li a:hover:before { width:100%; }
footer#footer .logoicon { position:absolute; bottom:40px; right:40px; }
footer#footer .logoicon img { width:auto; height:100px; }
@media (max-width:1024px) {
footer#footer { flex-wrap:wrap; flex-direction:column-reverse; padding:50px 0 0; }
footer#footer .leftSide { width:100%; margin-right:0; border-radius:0; }
footer#footer .leftSide .top { padding:40px; }
footer#footer .leftSide .bottom p { text-align:center; }
footer#footer .righttSide { width:100%; margin-left:0; border-radius:0; padding:40px; }
footer#footer .righttSide form button { font-size:14px; }
footer#footer .contact li { margin-bottom:25px; }
footer#footer .footer-link li { margin-bottom:25px; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 HEADER 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
header#header { position:fixed; background:transparent; top:0; left:0; width:100%; z-index:900; transition:all 0.3s ease-out; }
header#header.scrolled { background-image:url('img/banner-bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; top:-50px; }
header#header.scrolled { top:0!important; }
header#header .top { background:#62e888; height:50px; }
header#header .top .contact { display:flex; justify-content:flex-start; align-items:center; }
header#header .top .contact li { display:flex; justify-content:flex-start; align-items:center; margin-right:10px; font-family:'DM Sans', sans-serif; font-size:16px; font-weight:700; }
header#header .top .contact li a { font-family:'DM Sans', sans-serif; font-size:16px; font-weight:700; color:#002a68; line-height:50px; margin-right:5px; }
header#header .top .contact li a:hover { text-decoration:underline; }
header#header .top .contact li a:last-child { border-right:0; margin-left:5px; }
header#header .top .contact li a i { margin-right:6px; font-size:14px; }
header#header .top .social { display:flex; justify-content:flex-end; align-items:center; font-size:14px; color:#fff; }
header#header .top .social a { margin-left:15px; font-size:25px; color:#002a68; line-height:50px; }
header#header .top .social a:hover { color:#f9ff00; }
header#header .bottom { background:transparent; position:relative; padding:25px 0; }
header#header .bottom .navbar { padding:0; justify-content:space-between; }
header#header .bottom .navbar:before,
header#header .bottom .navbar:after { display:none; }
header#header .bottom .navbar .navbar-collapse { padding:0; }
header#header .bottom .navbar .navbar-brand { margin:0; color:#fff; display:block; position:relative; position:relative; padding:0; }
header#header .bottom .navbar .navbar-brand img { width:auto; height:100%; object-fit:contain; }
header#header .bottom .navbar .navbar-toggler { position:relative; border:0; box-shadow:none; outline:0; width:25px; height:25px; z-index:1010; padding:15px 2px; margin-right:10px; }
header#header .bottom .navbar .navbar-toggler i { color:#62e888; font-size:25px; }
header#header .bottom .navbar .navbar-toggler span { height:2px; width:25px; background-color:#62e888; position:relative; display:block; transition:all 0.2s ease-in-out; }
header#header .bottom .navbar .navbar-toggler span:before,
header#header .bottom .navbar .navbar-toggler span:after { height:2px; width:25px; background-color:#62e888; position:absolute; left:0; content:''; transition:all 0.2s ease-in-out; }
header#header .bottom .navbar .navbar-toggler span:before { top:-8px; visibility:visible; }
header#header .bottom .navbar .navbar-toggler span:after { top:8px; }
header#header .bottom .navbar .navbar-toggler.on span { background:transparent; }
header#header .bottom .navbar .navbar-toggler.on span:before { transform:rotate(45deg) translate(6px, 6px); }
header#header .bottom .navbar .navbar-toggler.on span:after { transform:rotate(-45deg) translate(5px, -5px); }
header#header .bottom .navbar .navbar-nav { display:flex; justify-content:end; align-items:center; margin-left:20px; flex-grow:1; }
header#header .bottom .navbar .navbar-nav .menu-item { margin:0 5px; position:relative; }
header#header .bottom .navbar .navbar-nav .menu-item:last-child { margin-right:0; }
header#header .bottom .navbar .navbar-nav .menu-item .nav-link { font-size:18px; font-weight:400; color:#f9ff00; line-height:1; padding:0 10px; text-align:center; letter-spacing:1px; transition:all 0.3s ease-out; }
header#header .bottom .navbar .navbar-nav .menu-item .nav-link:hover { color:#62e888; }
header#header .bottom .navbar .navbar-nav .menu-item .nav-link i { font-size:14px; margin-left:3px; }
header#header .bottom .navbar .navbar-nav .menu-item.active .nav-link { color:#f9ff00; }
header#header .bottom .navbar .navbar-nav .menu-item a { font-size:16px; font-weight:400; color:#f9ff00; text-transform:uppercase; line-height:1; padding:10px 14px 20px; text-align:center; letter-spacing:1.6px; transition:all 0.3s ease-out; font-family:'Spline Sans Mono', monospace; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu { display:none; position:absolute; width:auto; padding:0; margin:0; top:30px; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu > li { line-height:2.5; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu > li a { transition:all 0.3s; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children > a::after { content:'\2039'; transform:rotate(-90deg) translateX(2px); display:inline-block; transition:all 0.3s ease-out; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children > a.on::after { transform:rotate(90deg); }
header#header .bottom .navbar .navbar-nav .nav-item-button a { position:relative; padding:15px 25px; border:0; border-radius:0; font-family:'Spline Sans Mono', monospace; font-size:16px; font-weight:700; text-transform:uppercase; outline:0; letter-spacing:1.6px; box-shadow:none; transition:all 0.3s ease-out; background:transparent; color:#002a68; margin-left:10px; }
header#header .bottom .navbar .navbar-nav .nav-item-button a:after { content:''; display:inline-block; height:100%; width:100%; border-radius:0; position:absolute; top:0; left:0; z-index:-1; transition:all 0.4s; background:#f9ff00; }
header#header .bottom .navbar .navbar-nav .nav-item-button a:hover:after { transform:scaleX(1.4) scaleY(1.6); opacity:0; }
header#header .bottom .navbar .navbar-nav .nav-item-button a:hover { background:#62e888; transform:translateY(-3px); box-shadow:0 10px 20px rgba(0, 0, 0, 0.2); }
header#header .bottom .mobile_show { display:none!important; }
header#header .bottom .mobile_show ul.navbar-nav > li.nav-item-button > a { padding:12px 25px; border:0; border-radius:0; font-family:'Spline Sans Mono', monospace; font-size:18px; font-weight:700; text-transform:uppercase; outline:0; letter-spacing:1.6px; box-shadow:none; transition:all 0.3s ease-out; background:#f9ff00; color:#002a68; }
header#header.secondary.scrolled { background-image:none!important; top:0; background-color:#fff; }
header#header.secondary .bottom .navbar .navbar-nav .menu-item a { color:#003da0; text-decoration:none; }
/* header#header.secondary .bottom .navbar .navbar-nav .menu-item a:hover { color:#62e888; } */
.e-commerce-template header#header { background:#fff; border-bottom:1px solid #f0f0f9; }
@media (max-width:1400px) {
header#header .bottom .navbar .navbar-brand img { height:38px; }
header#header .bottom .navbar .navbar-nav .menu-item .nav-link { font-size:14px; }
header#header .bottom .navbar .navbar-nav .menu-item a { padding:10px; }
}
@media (max-width:1200px) {
header#header .bottom .navbar .navbar-nav .nav-item-button a { padding:12px 14px; font-size:14px; }
header#header .bottom .navbar .navbar-nav .menu-item a { font-size:12px; }
}
@media (max-width:1024px) {
header#header .top .col-md-6:first-child { max-width:60%; display:none; }
header#header .top .col-md-6:last-child { max-width:100%; }
header#header .top .contact li.email { display:none; }
header#header .top .social { justify-content:center; }
header#header .top .social a { margin-left:20px; }
header#header .bottom .navbar .navbar-brand { padding:0; }
header#header .bottom .navbar .navbar-brand img { height:45px; }
header#header .bottom .navbar .navbar-nav .menu-item { margin:5px 0; }
header#header .bottom .navbar .navbar-nav .menu-item .nav-link { padding:10px; }
header#header .bottom .navbar-collapse > ul { align-items:flex-start!important; background-color:#fff; width:100%; padding:20px 10px; }
header#header .bottom .navbar-collapse > ul li.nav-item-button { display:none!important; opacity:0!important; }
header#header .bottom .navbar-collapse > ul > li { line-height:30px; }
header#header.secondary .bottom .navbar .navbar-nav .menu-item a { color: #fff; }
}
@media (max-width:992px) {
header#header .bottom .container { display:flex; align-items:center; justify-content:space-between; position:relative; }
header#header .bottom .container::before,
header#header .bottom .container::after { display:none; }
header#header .bottom .navbar .navbar-collapse { position:fixed; top:0; left:-100vw; width:100%; height:100%; padding:0; background:rgba(0, 41, 102, 0.8); backdrop-filter:blur(2px); border-top:0; z-index:1000; transition:all 0.3s ease-out; }
header#header .bottom .navbar .navbar-collapse.on { left:0; }
header#header .bottom .navbar .navbar-collapse .navbar-nav { background:none; padding:25vh 0; margin:0; justify-content:space-between; height:100%; overflow-x:hidden; overflow-y:auto; }
header#header .bottom .navbar { flex-direction:row-reverse; justify-content:flex-end; max-width:100%; min-height:auto; padding:0!important; margin:0; }
header#header .bottom .navbar .navbar-brand { height:auto; }
header#header .bottom .navbar .navbar-brand img { height:35px; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu { position:relative; left:auto; top:auto; width:100%; background:rgba(0, 0, 0, 0.4); border:0; padding:15px 0; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu > li a { font-size:18px!important; }
header#header .bottom .navbar .navbar-nav .nav-item a { display:block!important; position:relative; top:auto; right:auto; }
header#header .bottom .navbar .navbar-nav .nav-item.nav-item { width:100%; padding:0; }
header#header .bottom .mobile_show { display:block!important; position:relative; top:auto; right:auto; }
header#header .bottom .mobile_show .btn { padding:10px; font-size:14px; }
header#header .bottom .mobile_show ul.navbar-nav > li.nav-item-button > a { padding:12px 15px; font-size:14px; letter-spacing:1px; }
header#header .bottom .navbar .navbar-nav .nav-item a { display:flex; justify-content:space-between; align-items:center; padding:8px 15px; font-size:24px; text-align:left; color:#fff; }
}
@media (max-width:600px) {
header#header .bottom .navbar .navbar-brand img { height:30px; }
}
@media (min-width:1024px) {
header#header .bottom .navbar .navbar-nav .nav-item:hover ul.sub-menu { display:block; border:1px solid; top:100%; left:14px; padding:10px; width:350px; transition:all 0.3s; animation:dropdown 0.5s ease-in-out; }
header#header .bottom .navbar .navbar-nav .menu-item-has-children ul.sub-menu > li a:hover { padding-left:15px!important; }
header#header .bottom .navbar .navbar-nav .nav-item ul.sub-menu { background-color:#003da0; }
header#header.secondary .bottom .navbar .navbar-nav .nav-item:hover ul.sub-menu { background-color:#fff; }
}
@keyframes dropdown {
0% { transform:translate3d(0, -15px, 0) scaleY(1); opacity:1; }
100% { transform:translate3d(0, 0, 0) scaleY(1); opacity:1; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 BANNER 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #banner { background-image:url('img/o-banner-bg.webp'); background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; display:flex; justify-content:center; align-items:center; padding:200px 0 135px; border-radius:0 0 200px 0; }
main #banner .left { padding-right:100px; }
main #banner .left h1 { color:#fff; }
main #banner .left h6 { margin:0; color:#fff; }
main #banner .right p { color:#fff; }
main #banner .right ul { display:flex; align-items:flex-end; justify-content:flex-end; flex-wrap:wrap; }
main #banner.banner-case-study { padding:170px 0 100px; height:auto; }
main #banner.banner-case-study h2 { font-size:40px; }
main #banner.banner-case-study ul.case-study-tech li { color:#fff; border:1px solid #fff; padding:5px 10px; margin-left:10px; margin-bottom:10px; border-radius:25px; }
main #banner.banner-case-study .case-study-banner-img { padding-top:30px; }
main #banner.banner-case-study .case-study-banner-img img { border-radius:0 0 150px 0; }
main #banner.banner-case-study .right ul.case-study-tech { display:flex; justify-content:end; align-items:end; flex-wrap:wrap; }
@media (max-width:1024px) {
main #banner { background-image:url('img/o-banner-m-bg.webp'); height:550px; width:100%; border-radius:0 0 50px 0; padding:100px 12px 50px; }
main #banner .col-md-6 { width:100%; }
main #banner .left h2 { font-size:50px!important; }
main #banner .right { padding-left:0; }
main #banner .right p { margin-bottom:40px; }
main #banner .right .link { margin-left:25px; }
main #banner.banner-case-study .case-study-banner-img img { border-radius:0 0 50px 0; }
main #banner.banner-case-study .right ul.case-study-tech { justify-content:start; align-items:start; }
main #banner.banner-case-study ul.case-study-tech li { margin-left:0; margin-right:10px; padding:5px 15px; }
main #banner.banner-case-study { padding:120px 12px 50px; height:auto; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 SERVICES 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #services { padding:100px 0; }
main #services iframe { width:100%; aspect-ratio:16/9; }
main #services h2 { margin-bottom:40px; }
main #services h5 { padding:0 0 20px; }
main #services .text-box { max-width:330px; background:#002a68; padding:50px 60px 50px 30px; border-radius:0 80px 0 0; }
main #services .text-box h6 { color:#fff; margin-bottom:15px; }
main #services .text-box p { color:#fff; margin-bottom:20px; }
main #services .text-box .link { display:inline-block; font-weight:700; color:#f9ff00; }
main #services .text-box .link i { color:#f9ff00; }
main #services .text-box .link i.fa-caret-right { filter: invert(87%) sepia(90%) saturate(5332%) hue-rotate(1deg) brightness(105%) contrast(108%); }
main #services .text-box .link i.fa-angles-right { filter: invert(87%) sepia(90%) saturate(5332%) hue-rotate(1deg) brightness(105%) contrast(108%); }
main #services .service-list li { border-bottom:2px solid #62e888; }
main #services .service-list li:first-child { border-top:2px solid #62e888; }
main #services .service-list li a { display:block; position:relative; padding:20px 80px 20px 0; transition:all 0.3s ease-out; }
main #services .service-list li a h5 { color:#002a68; margin-bottom:10px; transition:all 0.3s ease-out; }
main #services .service-list li a p { color:#002a68; margin:0; transition:all 0.3s ease-out; }
main #services .service-list li a .icon { position:absolute; right:0; top:50%; transform:translateY(-50%); position:absolute; right:0; }
main #services .service-list li a .icon svg { width:auto; height:30px; fill:#62e888; transition:all 0.3s ease-out; }
main #services .mobile { display:none; }
@media (max-width:1024px) {
main #services { padding:50px 12px; }
main #services h2.mobile,
main #services h5.mobile { display:block; }
main #services h2.desktop,
main #services h5.desktop { display:none; }
main #services .row { flex-direction:column-reverse; }
main #services .row > div { width:100%; }
main #services .service-list li a h5 { font-size:24px; }
main #services .service-list li a p { font-size:16px; }
main #services .service-list { margin-bottom:30px; }
main #services .text-box { max-width:100%!important; border-radius:0 50px 50px 0!important; }
}
@media (max-width:500px) {
main #mobile_swap_section #services { padding:160px 0 10px; }
main #mobile_swap_section #services h5.mobile { display:inline-block; width:100%; text-align:center; margin-bottom:20px; }
main #mobile_swap_section #services iframe { margin-bottom:20px; }
}
@media (min-width:1024px) {
main #services .service-list li a:hover { background:#62e888; padding-left:10px; }
main #services .service-list li a:hover .icon { animation:arrow-right 0.35s ease-in alternate infinite; }
main #services .service-list li a:hover p,
main #services .service-list li a:hover h5 { color:#fff; }
main #services .service-list li a:hover .icon svg { fill:#fff; }
}
@keyframes arrow-right {
0% { transform:translateX(-10px) translateY(-50%); }
100% { transform:translateX(-2px) translateY(-50%); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 REVIEWS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #reviews { padding:100px 0; text-align:center; background:#fff; position:relative; display:flex; justify-content:center; align-items:center; overflow:hidden; }
main #reviews h2 { margin-bottom:10px; text-align:left; }
main #reviews h3 { color:#002a68; margin-bottom:20px; }
main #reviews .head { display:flex; justify-content:space-between; align-items:end; margin-bottom:40px; }
main #reviews .btn2 { display:inline-block; }
main #reviews .container .all_review { display:flex; align-items:center; justify-content:start; text-align:center; padding-bottom:0; margin:0 0 30px; }
main #reviews .container .all_review ul { display:flex; align-items:center; justify-content:center; list-style:none; padding:0 10px; }
main #reviews .container .all_review ul li svg { width:17px; height:15px; }
main #reviews .review_section { display:inline-block; width:100%; }
main #reviews .review_section .owl-stage { display:flex; align-items:stretch; }
main #reviews .review_section .item { height:100%; }
main #reviews .review_section .item .inner { position:relative; transition:all 0.3s ease-out; overflow:hidden; height:100%; background:#f0f0f9; padding:20px 20px 30px; border-radius:50px 50px 0 50px; }
main #reviews .review_section .item .inner .bg { height:100%; left:0; opacity:0; position:absolute; top:0; transition:all 0.8s cubic-bezier(0.66, 0.08, 0.19, 0.97); width:100%; z-index:0; }
main #reviews .review_section .item .inner .bg img { height:100%; object-fit:cover; width:100%; }
main #reviews .review_section .item .inner::before,
main #reviews .review_section .item .inner::after { content:''; width:100%; height:50%; top:0; left:0; background:rgba(0, 0, 0, 0.25); position:absolute; transform-origin:left; transform:scaleX(0); transition:all 0.5s cubic-bezier(0.66, 0.08, 0.19, 0.97); z-index:1; }
main #reviews .review_section .item .inner::after { transition-delay:0.15s; top:50%; }
main #reviews .review_section .item .inner .content { position:relative; z-index:50; }
main #reviews .review_section .item .inner .content .review_text blockquote { padding:0; border-left:0; color:#002a68; transition:all 0.3s ease-out; text-align:left; }
main #reviews .review_section .item .inner .content .review_header .user_name h6 { transition:all 0.3s ease-out; }
main #reviews .review_section .item .inner .content .review_text p { text-align:left; transition:all 0.3s ease-out; }
main #reviews .review_section .item .inner .content .review_from p { font-size:15px; font-style:italic; margin:0; text-align:left; transition:all 0.3s ease-out; }
main #reviews .review_section .item .inner .content .review_from p span { display:block; font-weight:500; line-height:1.4; }
main #reviews .review_section .item .inner .content .review_header { display:flex; align-items:start; justify-content:space-between; margin-bottom:20px; }
main #reviews .review_section .item .inner .content .review_header .user { display:flex; padding-right:10px; }
main #reviews .review_section .item .inner .content .review_header .user_icon { background:#002a68; width:45px; min-width:45px; height:45px; border-radius:50%; overflow:hidden; margin-right:10px; display:grid; place-items:center; border:1px solid #fff; }
main #reviews .review_section .item .inner .content .review_header .user_icon i { font-size:25px; color:#fff; }
main #reviews .review_section .item .inner .content .review_header .user_icon svg { width:30px; height:30px; fill:#fff; }
main #reviews .review_section .item .inner .content .review_header .user_icon img { width:100%; height:100%; object-fit:cover; object-position:top; }
main #reviews .review_section .item .inner .content .review_header .user_name { display:flex; flex-direction:column; }
main #reviews .review_section .item .inner .content .review_header .user_name h6 { margin-bottom:6px; text-align:left; }
main #reviews .review_section .item .inner .content .review_header .user_name .star { display:flex; align-items:center; justify-content:start; }
main #reviews .review_section .item .inner .content .review_header .user_name .star li { margin-right:1px; line-height:1; }
main #reviews .review_section .item .inner .content .review_header .user_name .star li i { color:#f8931e; font-size:13px; }
main #reviews .review_section .item .inner .content .review_header .user_name .star li svg { width:15px; height:15px; }
main #reviews .review_section .item .inner .content .review_header .user_platform_icon svg { width:30px; height:30px; }
main #reviews.reviews-page .review_section { display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:25px; grid-row-gap:25px; margin-bottom:30px; }
@media (max-width:1024px) {
main #reviews { padding:50px 12px; }
main #reviews .head { flex-wrap:wrap; }
main #reviews .head .lft { text-align:left; margin-bottom:15px; }
main #reviews .review_section { grid-template-columns:repeat(2, 1fr); }
main #reviews.reviews-page { padding:50px 12px 0; }
main #reviews.reviews-page .review_section .item { height:auto; margin-bottom:20px; }
}
@media (max-width:768px) {
main #reviews.reviews-page .review_section { grid-template-columns:repeat(1, 1fr); grid-column-gap:0; margin-bottom:10px; grid-row-gap:0; }
}
@media (min-width:1024px) {
main #reviews .review_section .item .inner:hover::before,
main #reviews .review_section .item .inner:hover::after { transform:scaleX(1); }
main #reviews .review_section .item .inner:hover .content .review_header .user_name h6,
main #reviews .review_section .item .inner:hover .content .review_text p,
main #reviews .review_section .item .inner:hover .content .review_from p,
main #reviews .review_section .item .inner:hover .content .review_text blockquote { color:#fff; }
main #reviews .review_section .item .inner:hover .bg { opacity:1; }
main #reviews.reviews-page .review_section .item .inner:hover { transform:scale(1.05); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 PARTNERS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #partners { padding:60px 0; background:#fff; overflow:hidden; }
main #partners .left-sec { display:flex; flex-direction:column; justify-content:center; align-items:start; height:100%; }
main #partners .left-sec h2 { margin-bottom:20px; }
main #partners .left-sec h5 { margin-bottom:15px; }
main #partners .partners-list { position:relative; left:12vw; background:#f0f0f9; padding:50px 0; display:flex; justify-content:center; flex-wrap:wrap; border-radius:150px 0 0 150px; }
main #partners .partners-list:before { content:''; position:absolute; right:-100vw; top:0; width:100vw; height:100%; background:#f0f0f9; }
main #partners .partners-list li { margin:30px 40px; }
main #partners .partners-list li img { transition:transform 0.5s ease-out; }
main #partners .partners-list li:hover img { transform:scale(1.13); }
main #partners .partners-list li img { width:auto; height:80px; }
main #partners .partners-list li:first-child { flex:0 0 100%; text-align:center; }
main #partners .partners-list li:first-child img { width:auto; height:100px; }
main #partners .white-box { border-top-left-radius:150px; border-bottom-left-radius:150px; background:#fff; padding:75px 162px; display:flex; flex-direction:column; align-items:center; }
main #partners .white-box .section-one { width:20vw; max-width:100%; }
main #partners.gray-bg { background:#f0f0f9; }
main #partners.gray-bg .partners-list:before { background:#fff; }
main #partners.case-study-how-we-did h2 { margin-bottom:30px; }
main #partners.case-study-how-we-did .right-sec { padding-left:30px; }
main #partners.relevent_job_section .left-sec { justify-content:start; padding-right:80px; }
main #partners.relevent_job_section .left-sec img { height:auto; margin-top:20px; }
@media (max-width:1600px) {
main #partners .partners-list { left:8vw; }
}
@media (max-width:1400px) {
main #partners .partners-list li img { height:60px; }
main #partners .partners-list li:first-child img { height:80px; }
}
@media (max-width:1024px) {
main #partners { padding:50px 0; }
main #partners .left-sec { padding:0 12px; justify-content:start!important; }
main #partners .left-sec h2 { margin-bottom:18px!important; }
main #partners .partners-list { margin-left:12px; border-radius:50px 0 0 50px; }
main #partners .partners-list li { flex:0 0 38%; margin:20px 10px!important; }
main #partners .partners-list li img { width:100%; height:auto; }
main #partners.case-study-how-we-did { padding:50px 12px; border-top-left-radius:50px; }
main #partners.case-study-how-we-did .right-sec { padding-left:0; }
main #partners.relevent_job_section .left-sec { padding-right:0; }
}
@media (max-width:768px) {
main #partners .custum-container { margin:25px 0 25px 25px; }
main #partners .custum-container .white-box { padding:65px; margin-top:30px; }
main #partners .custum-container .white-box .section-one { width:100%; }
main #partners .partners-list { left:0!important; margin-top:50px!important; }
main #partners .partners-list li { margin:30px 20px!important; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 PROJECTS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #projects { position:relative; background:#79bff2; padding:100px 0 130px; overflow:hidden; }
main #projects h3 { color:#002a68; margin-bottom:30px; }
main #projects .item .thumb { border-radius:0 50px 0 50px; overflow:hidden; }
main #projects .item .thumb img { width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-out; }
main #projects .item h6 { color:#002a68; font-weight:600; text-align:left; margin:30px 0 10px; }
main #projects .item .link { color:#002a68; margin-right:auto; }
main #projects .item .link i.fa-caret-right { filter: invert(10%) sepia(42%) saturate(5178%) hue-rotate(206deg) brightness(100%) contrast(103%); }
main #projects .item .link i.fa-angles-right { filter: invert(10%) sepia(42%) saturate(5178%) hue-rotate(206deg) brightness(100%) contrast(103%); }
main #projects .item:hover img { transform:scale(1.1); }
main #projects .heading { max-width:470px; position:absolute; bottom:0; right:0; border:2px solid #f0f0f9; border-bottom:0; border-right:0; padding:80px 40px 100px; border-radius:100px 0 0 0; }
main #projects .heading .btn { margin-top:30px; }
@media (max-width:1650px) {
main #projects .heading { max-width:340px; padding:60px 25px 40px; }
}
@media (max-width:1200px) {
main #projects { padding:100px 0 0!important; }
main #projects .project_left { width:100%; margin-bottom:40px; }
main #projects .project_right { width:100%; }
main #projects .heading { max-width:100%!important; padding:60px 25px 40px!important; position:relative!important; width:100%!important; }
main #projects .heading h2 { width:45%; }
}
@media (max-width:1024px) {
main #projects { padding:50px 0 0!important; }
main #projects .heading { border-radius:50px 0 0 0; right:-6vw!important; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 OUR PURPOSE 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #our-purpose { padding:40px 0 100px; overflow:hidden; }
main #our-purpose.about-purpose { padding:100px 0; border-top:1px solid #707070; }
main #our-purpose h2 { margin-bottom:40px; }
main #our-purpose h5 { margin:25px 0 15px; }
main #our-purpose .thumb { padding-right:30px; }
main #our-purpose .text { padding-left:30px; }
main #our-purpose .text ul { margin-left:20px; }
main #our-purpose .text ul li { list-style:disc; }
main #our-purpose .text .btn { margin-top:30px; }
@media (max-width:1024px) {
main #our-purpose { padding:0 20px 50px; margin-top:50px; }
main #our-purpose .thumb { padding-right:0; margin-bottom:20px; }
main #our-purpose .text { padding-left:0; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 CLIENTS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #clients { padding-bottom:100px; }
main #clients .heading { text-align:center; margin-bottom:50px; }
main #clients .heading h2 { color:#002a68; padding-bottom:20px; }
main #clients .heading h3 { padding-bottom:22px!important; }
main #clients .heading p { max-width:640px; }
main #clients .owl-stage { transition-timing-function:linear!important; transition-duration:3s!important; }
main #clients .owl-carousel .item { opacity:100%!important; transition:transform 0.5s ease-out; }
main #clients .owl-carousel .item:hover { transform:scale(1.13)!important; }
main #clients .owl-carousel .owl-nav { margin:0 auto; padding:0; text-align:right; width:97%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
main #clients .owl-carousel .owl-nav .owl-prev { position:absolute; left:-70px; bottom:-20px; }
main #clients .owl-carousel .owl-nav .owl-next { position:absolute; right:-70px; bottom:-20px; }
main #clients .owl-carousel .owl-nav [class*='owl-']:hover { background:#fff!important; }
main #clients.service_faq { padding:100px 0 20px; }
main #clients.landing_faq { padding:100px 0; }
main #clients.faq { padding:100px 0 130px; }
main #clients.faq .heading h3 { padding-bottom:0; }
@media (max-width:1024px) {
main #clients { padding:0 12px 0; }
main #clients .heading h3 { font-size:40px; }
main #clients .heading p { font-size:16px; }
}
@media (max-width:768px) {
main #clients .owl-carousel .item { padding:0 45px 0 45px; }
main #clients.faq .heading h3 { align-items:flex-start!important; }
}
@media (max-width:500px) {
main #clients.faq { padding:50px 0; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 AUDIT PROCESS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #audit_process { display:block; padding:100px 0 300px; background:#65b1e3; border-radius:100px 100px 0 0; }
main #audit_process h2 { display:block; margin-bottom:50px; color:#fff; }
main #audit_process .process_steps .item { position:relative; height:450px; overflow:hidden; background:#fff; border-radius:0 50px; transition:all 0.5s ease-out; }
main #audit_process .process_steps .item:before,
main #audit_process .process_steps .item:after { content:''; position:absolute; width:50%; height:100%; background:rgba(98, 232, 136, 0.3); z-index:5; transition:all 0.5s ease-out; }
main #audit_process .process_steps .item .process_inner { backface-visibility:hidden; position:absolute; top:0; left:0; z-index:10; padding:30px 20px; height:100%; }
main #audit_process .process_steps .item:before { top:100%; left:0; }
main #audit_process .process_steps .item:after { bottom:100%; right:0; }
main #audit_process .process_steps .item:hover:before { top:0; }
main #audit_process .process_steps .item:hover:after { bottom:0; }
main #audit_process .process_steps .item .process_inner h5 { overflow:hidden; margin:0; }
main #audit_process .process_steps .item .process_inner p { height:208px; overflow:hidden; margin:15px 0 0; }
main #audit_process .process_steps .item .icon { color:#62e888; font-size:80px; line-height:1; font-family:'Spline Sans Mono', monospace; text-align:right; font-weight:500; position:absolute; right:15px; bottom:7px; transition:all 0.3s ease-out; font-display:swap; }
main #audit_process.audit_enabled { padding:100px 0 100px; }
@media (max-width:1400px) {
main #audit_process .process_steps .item { height:385px; }
main #audit_process .process_steps .item .process_inner h5 { height:53px; }
main #audit_process .process_steps .item .process_inner p { height:160px; }
}
@media (max-width:1024px) {
main #audit_process { border-radius:50px 50px 0 0; }
main #audit_process h2 { padding:0 12px; }
main #audit_process h3 { padding:0 15px; }
main #audit_process .process_steps { flex-wrap:wrap; }
main #audit_process .process_steps .item { height:auto; }
main #audit_process .process_steps .item .process_inner { position:relative; top:auto; left:auto; padding-bottom:100px; }
main #audit_process .process_steps .item .process_inner h5,
main #audit_process .process_steps .item .process_inner p { height:auto; }
main #audit_process .process_steps .col-md-3 { margin-bottom:30px; }
}
@media (max-width:460px) {
main #audit_process .process_steps { grid-template-columns:repeat(1, 1fr); padding:0 20px; }
main #audit_process .process_steps .item .process_inner h5 { font-size:20px; }
main #audit_process .process_steps .item .process_inner p { font-size:18px; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 CAPABILITIES 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #capabilities { background-image:url('img/o-banner-bg.webp'); background-repeat:no-repeat; background-position:center; background-size:cover; padding:100px 0; }
main #capabilities h2 { color:#62e888; margin-bottom:40px; }
main #capabilities .owl-carousel .item { margin:0 15px; }
main #capabilities .owl-carousel .item .inner { position:relative; background:#fff; padding:30px 50px 200px 20px; transition:all 0.3s ease-out; overflow:hidden; }
main #capabilities .owl-carousel .item .inner h5 { margin-bottom:15px; height:50px; overflow:hidden; transition:all 0.3s ease-out; }
main #capabilities .owl-carousel .item .inner p { transition:all 0.3s ease-out; height:105px; overflow:hidden; }
main #capabilities .owl-carousel .item .inner .icon { position:absolute; bottom:30px; right:30px; transition:all 0.3s ease-out 0.2s; transform-origin: 100% 100%; }
main #capabilities .owl-carousel .item .inner .icon svg { width:150px; height:auto; fill:#62e888; transition:all 0.3s ease-out; }
main #capabilities .codaemonteam_wrapper { padding-top:0; }
main .seo_elements #capabilities { border-radius:0 0 0 200px; }
@media (max-width:1024px) {
main #capabilities { background-image:url(img/o-banner-m-bg.webp); height:auto; width:100%; padding:50px 12px; }
main #capabilities .owl-carousel .item .inner h5,
main #capabilities .owl-carousel .item .inner p { height:auto; }
}
@media (min-width:1024px) {
main #capabilities .owl-carousel .item .inner:hover { background:rgba(98, 232, 136, 0.25); transform:scale(1.1, 1.2); transform-origin:50% 0; }
main #capabilities .owl-carousel .item .inner:hover .icon { transform:scale(0); }
main #capabilities .owl-carousel .item .inner:hover .icon svg { fill:#fff; }
main #capabilities .owl-carousel .item .inner:hover h5 { color:#fff; margin-top:15px; margin-bottom:10px; }
main #capabilities .owl-carousel .item .inner:hover p { color:#fff; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 CHILD SERVICES 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #child-services { background-image:url('img/o-banner-bg.webp'); background-repeat:no-repeat; background-position:center; background-size:cover; padding:100px 0; }
main #child-services h2 { color:#62e888; margin-bottom:40px; }
main #child-services .owl-carousel .item .inner { position:relative; background:#fff; padding:30px 50px 200px 20px; transition:all 0.3s ease-out; overflow:hidden; }
main #child-services .owl-carousel .item .inner h5 { margin-bottom:15px; height:50px; overflow:hidden; transition:all 0.3s ease-out; }
main #child-services .owl-carousel .item .inner p { transition:all 0.3s ease-out; height:105px; overflow:hidden; }
main #child-services .owl-carousel .item .inner .icon { position:absolute; bottom:30px; right:30px; transition:all 0.3s ease-out; }
main #child-services .owl-carousel .item .inner .icon svg { width:150px; height:auto; fill:#62e888; transition:all 0.3s ease-out; }
main #child-services .owl-carousel .owl-item:first-child .inner { border-left:0; }
@media (max-width:1024px) {
main #child-services { background-image:url(img/o-banner-m-bg.webp); height:auto; width:100%; padding:50px 12px; }
main #child-services .owl-carousel .item .inner h5,
main #child-services .owl-carousel .item .inner p { height:auto; }
}
@media (min-width:1024px) {
main #child-services .owl-carousel .item .inner:hover .icon { bottom:-150px; right:-150px; transform:scale(0); }
main #child-services .owl-carousel .item .inner:hover .icon svg { fill:#fff; }
main #child-services .owl-carousel .item .inner:hover { background:rgba(98, 232, 136, 0.25); transform:scale(1.1, 1.2); transform-origin:50% 0; }
main #child-services .owl-carousel .item .inner:hover h5 { color:#fff; margin-top:15px; margin-bottom:10px; }
main #child-services .owl-carousel .item .inner:hover p { color:#fff; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 BLOG 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #news { padding:0 0 100px; }
main #news .heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; }
main #news .pagination { margin-top:30px; }
main #news .cards .inner { width:100%; }
main #news .cards .inner .item { perspective:1000px; width:100%; display:block; transition:transform 1s; transform-style:preserve-3d; margin-bottom:15px; }
main #news .cards .inner .item .card { background:#f0f0f9; border-top-right-radius:100px; border:none; overflow:hidden; backface-visibility:hidden; position:absolute; top:0; left:0; z-index:2; height:550px; }
main #news .cards .inner .item .card img { transition:all 0.3s ease-out; }
main #news .cards .inner .item .card .card-body { padding:30px; }
main #news .cards .inner .item .card .card-discription { color:#002a68; margin-bottom:15px; }
main #news .cards .inner .item .card .card-text { color:#002a68; font-style:italic; margin-bottom:0; }
main #news .cards .inner .item .card .card-title { color:#002a68; margin-bottom:20px; height:93px; overflow:hidden; }
main #news .cards .inner .item .card.card-back { transition:all 0.6s ease-out; transform-style:preserve-3d; position:relative; border-top-right-radius:0; border-top-left-radius:100px; backface-visibility:hidden; transform:rotateY(180deg); }
main #news .cards .inner .item .card.card-back .card-body { padding:45px 30px; }
main #news .cards .inner .item .card.card-back .card-discription { margin:5px 0 15px; height:210px; overflow:hidden; }
main #news .cards .inner .item .card.card-back .link { color:#002a68; border-color:#002a68; }
main #news .cards .inner .item .card.card-back .link i.fa-caret-right { filter: invert(10%) sepia(42%) saturate(5178%) hue-rotate(206deg) brightness(100%) contrast(103%); }
main #news .cards .inner .item .card.card-back .link i.fa-angles-right { filter: invert(10%) sepia(42%) saturate(5178%) hue-rotate(206deg) brightness(100%) contrast(103%); }
main #portfolio_wrapper #news { padding:100px 0 100px; }
@media (max-width:1024px) {
main #news { padding:50px 12px; }
main #news .cards .row { display:flex; flex-wrap:wrap; align-items:start; justify-content:center; }
main #news .cards .row > div { width:48%; margin-bottom:20px; }
main #news .cards .item .card { border-top-right-radius:50px; }
main #portfolio_wrapper #news { padding:50px 12px 0; }
}
@media (max-width:768px) {
main #news .heading { display:flex; flex-direction:column; }
main #news .cards .row > div { width:100%; margin-bottom:20px; }
}
@media (min-width:1024px) {
main #news .cards .inner:hover .item { transform:rotateY(180deg); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 WHY CHOOSE CODAEMON 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #why_choose_audit { background:#f0f0f9; border-radius:100px 100px 0 0; padding:100px 0; position:relative; margin-top:-200px; }
main #why_choose_audit h2 { padding:0 15px; text-transform:none; display:block; margin-bottom:40px; color:#002a68; }
main #why_choose_audit .owl-carousel .owl-item:last-child .item:after { display:none; }
main #why_choose_audit .owl-carousel .item { position:relative; transition:all 0.3s ease-out; height:100%; margin:20px; }
main #why_choose_audit .owl-carousel .item:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dashed rgba(0, 42, 104, 0.7); z-index:1; opacity:0; transition:none; }
main #why_choose_audit .owl-carousel .item:after { content:''; position:absolute; top:0; right:-20px; width:2px; height:100%; background:#fff; z-index:1; }
main #why_choose_audit .owl-carousel .item .inner { position:relative; background:transparent; padding:0; transition:all 0.3s ease-out; overflow:hidden; height:100%; z-index:10; }
main #why_choose_audit .owl-carousel .item .inner .card { position:relative; background:transparent; padding:20px; border:0; height:100%; box-shadow:none; transition:all 0.3s ease-out; }
main #why_choose_audit .owl-carousel .item .inner .icon { position:relative; bottom:0; right:0; }
main #why_choose_audit .owl-carousel .item .inner .icon svg { width:70px; height:70px; fill:#65b1e3; transition:all 0.3s ease-out; }
main #why_choose_audit .owl-carousel .item .inner h5 { color:#002a68; margin-bottom:20px; margin-top:30px; overflow:hidden; transition:all 0.3s ease-out; }
main #why_choose_audit .owl-carousel .item .inner p { color:#002a68; padding-right:0; margin-bottom:0; overflow:hidden; transition:all 0.3s ease-out; }
main #why_choose_audit.audit_enabled { margin-top:0; }
main #why_choose_audit.audit_enabled h2 { color:#002a68; margin-bottom:40px; }
@media (max-width:1024px) {
main #why_choose_audit .owl-carousel .item .inner h5,
main #why_choose_audit .owl-carousel .item .inner p { height:auto; }
}
@media (min-width:1024px) {
main #why_choose_audit .owl-carousel .item .inner:hover .icon { position:relative; bottom:auto; right:auto; transform:scale(1); }
main #why_choose_audit .owl-carousel .item .inner:hover .icon svg { fill:#002a68; }
main #why_choose_audit .owl-carousel .item .inner:hover h5 { color:#002a68; }
main #why_choose_audit .owl-carousel .item .inner:hover h5 { color:#002a68; margin-bottom:20px; margin-top:30px; }
main #why_choose_audit .owl-carousel .item .inner:hover p { color:#002a68; }
main #why_choose_audit .owl-carousel .item:hover .inner { transform:translate(-12px, -12px); background:#cdeed7; transform-origin:0 0; padding:0; }
main #why_choose_audit .owl-carousel .item:hover:before { opacity:1; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 PROCESS SECTION 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main .process_section { display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:30px; grid-row-gap:30px; }
main .process_section .item { background:#fff; border-radius:50px 50px 0 50px; opacity:1; height:100%; position:relative; display:block; overflow:hidden; }
main .process_section .item::after { content:''; position:absolute; left:-100%; top:0; width:100%; height:100%; z-index:1; background:#62e888; transition:all 0.7s ease-out; }
main .process_section .item .content { padding:35px 30px 10px; display:block; position:relative; height:100%; z-index:10; }
main .process_section .item .content .process_inner { position:relative; padding:0 0 140px; height:100%; transition:all 0.3s ease-out; }
main .process_section .item .custom_btn { position:absolute; bottom:30px; left:30px; z-index:99999; }
main .process_section .item .icon { position:absolute; bottom:30px; right:30px; transition:all 0.7s ease-out; z-index:5; }
main .process_section .item .icon svg { width:auto; height:80px; fill:#62e888; }
main .process_section .item .view-more { display:flex; align-items:center; justify-content:center; color:#fff; position:absolute; left:-100%; width:100%; height:auto; bottom:40px; letter-spacing:0.1em; transition:all 0.3s ease-out; z-index:5; }
main .process_section .item .view-more span { margin-right:8px; }
main .process_section .item .view-more svg { width:13px; height:11px; fill:#fff; animation-name:processSectionAnim; animation-duration:1.8s; animation-iteration-count:infinite; animation-timing-function:linear; }
main .process_section .item .view-more svg:nth-child(2) { animation-delay:0.6s; }
main .process_section .item .view-more svg:nth-child(3) { animation-delay:1.2s; }
main .process_section .process_inner h5 { margin-bottom:20px; color:#002a68; }
main .process_section .process_inner p { height:130px; overflow:hidden; }
main .process_section .custom_req .item { border-radius:50px 50px 50px 0; background:#65b1e3; }
@media (max-width:1400px) {
main .process_section .process_inner h5 { min-height:75px; }
}
@media (max-width:1024px) {
main .process_section .item { min-height:auto; }
main .process_section .process_inner h5 { min-height:50px; }
main .process_section { grid-template-columns:repeat(1, 1fr); grid-column-gap:0; grid-row-gap:20px; }
}
@media (max-width:767px) {
main .process_section .item { min-height:auto; }
main .process_section.seo_section .process_inner h5 { font-size:24px; }
main .process_section.seo_section .process_inner { font-size:16px; }
}
@media (min-width:1024px) {
main .process_section .grid-item:not(.custom_req) .item:hover .process_inner h5,
main .process_section .grid-item:not(.custom_req) .item:hover .process_inner p,
main .process_section .grid-item:not(.custom_req) .item:hover .process_inner .short_desc,
main .process_section .grid-item:not(.custom_req) .item:hover .process_inner.job_title p { color:#fff; }
main .process_section .grid-item:not(.custom_req) .item:hover .icon { right:-120px; }
main .process_section .grid-item:not(.custom_req) .item:hover .view-more { left:0; }
main .process_section .grid-item:not(.custom_req) .item:hover::after { left:0; }
}
@keyframes processSectionAnim {
0% { opacity:1; }
100% { opacity:0; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 PORTFOLIO PAGE 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #portfolio_heading { padding:0; display:block; }
main #portfolio_heading h1 { color:#fff; margin:0; }
main #portfolio_heading p { color:#fff; }
main #portfolio_gallery { display:block; width:100%; height:auto; padding:50px 0 100px; }
main #portfolio_gallery .heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; }
main #portfolio_gallery .filter-select-wrap { margin:0 0 30px auto; }
main #portfolio_gallery .filter-select { border:1px solid #002a68; color:#002a68; }
main #portfolio_gallery .filter_wrapper { display:flex; align-items:end; margin-bottom:50px; }
#portfolio_gallery .sort_btn { max-width:160px; margin-left:auto; }
#portfolio_gallery .filter_btn { display:flex; flex-wrap:wrap; margin:0 0 30px; gap:10px; height:100%; justify-content:start; align-items:center; }
#portfolio_gallery .filter_btn p { width:100%; margin:0 0 -30px; }
#portfolio_gallery .filter_btn span { font-size:16px; }
#portfolio_gallery .filter_btn span i.fa-caret-right { filter: invert(10%) sepia(81%) saturate(2998%) hue-rotate(208deg) brightness(92%) contrast(101%); }
#portfolio_gallery .filter_btn span i.fa-angles-right { filter: invert(10%) sepia(81%) saturate(2998%) hue-rotate(208deg) brightness(92%) contrast(101%); }
#portfolio_gallery .filter_btn button { color:#002a68; border-color:#62e888; letter-spacing:0; text-transform:none; }
#portfolio_gallery .filter_btn button img { height:24px; width:auto; }
#portfolio_gallery .filter_btn button span:before { border:0; }
#portfolio_gallery .filter_btn button:before { border-color:#62e888; }
#portfolio_gallery .filter_btn button.mixitup-control-active,
#portfolio_gallery .filter_btn button.active { background:#62e888; pointer-events:none; }
#portfolio_gallery .filter_btn button.control { background:#f0f0f1; color:#002a68; }
#portfolio_gallery .filter_btn select { background:transparent; color:#002a68; font-size:16px; border:2px solid #002a68; text-transform:capitalize; padding:8px; display:block; width:calc(100% - 64px); }
main #portfolio_gallery .inner { width:100%; }
main #portfolio_gallery .item .card .card-body { padding:30px; }
main #portfolio_gallery .item .card .card-discription { color:#002a68; margin-bottom:15px; }
main #portfolio_gallery .item .card .card-text { color:#002a68; font-style:italic; margin-bottom:0; }
main #portfolio_gallery .item .card .card-title { color:#002a68; margin-bottom:20px; height:98px; overflow:hidden; }
main #portfolio_gallery .item .card { background:#f0f0f9; border-top-right-radius:100px; border:none; overflow:hidden; backface-visibility:hidden; position:absolute; top:0; left:0; z-index:2; height:550px; }
main #portfolio_gallery .item .card img { transition:all 0.3s ease-out; }
main #portfolio_gallery .item .card img { width:100%; height:auto; aspect-ratio:16/9; }
main #portfolio_gallery .item .card-back { transition:all 0.6s ease-out; transform-style:preserve-3d; position:relative; border-top-right-radius:0; border-top-left-radius:100px; backface-visibility:hidden; transform:rotateY(180deg); }
main #portfolio_gallery .item .card.card-back .card-discription { margin:5px 0 15px; height:210px; overflow:hidden; }
main #portfolio_gallery .item .card.card-back .link { color:#002a68; border-color:#002a68; }
main #portfolio_gallery .item { perspective:1000px; width:100%; display:block; transition:transform 1s; transform-style:preserve-3d; margin-bottom:15px; }
#portfolio_gallery .group_a { margin:0 0 20px; padding:0; width:100%; display:block; }
#portfolio_gallery .controls { padding:1rem; background:#333; font-size:0.1px; }
#portfolio_gallery .control { position:relative; display:inline-block; width:2.7rem; height:2.7rem; background:#444; cursor:pointer; font-size:0.1px; color:white; transition:background 150ms; }
#portfolio_gallery .control:hover { background:#3f3f3f; }
#portfolio_gallery .control[data-sort]:after { content:''; position:absolute; width:10px; height:10px; border-top:2px solid; border-left:2px solid; top:calc(50% - 6px); left:calc(50% - 6px); transform:translateY(1px) rotate(45deg); }
#portfolio_gallery .control[data-sort*=':desc']:after { transform:translateY(-4px) rotate(-135deg); }
#portfolio_gallery .control:first-of-type { border-radius:3px 0 0 3px; }
#portfolio_gallery .control:last-of-type { border-radius:0 3px 3px 0; }
#portfolio_gallery .control[data-filter] + .control[data-sort] { margin-left:0.75rem; }
#portfolio_gallery .control[data-filter='.green'] { color:#91e6c7; }
#portfolio_gallery .control[data-filter='.blue'] { color:#5ecdde; }
#portfolio_gallery .control[data-filter='.pink'] { color:#d595aa; }
#portfolio_gallery .control[data-filter='none'] { color:#2f2f2f; }
#portfolio_gallery .controls-pagination { padding:20px 0 0; display:flex; align-items:center; justify-content:center; flex-direction:column; }
#portfolio_gallery .controls-pagination .mixitup-page-stats { margin:10px 0 0; }
#portfolio_gallery .mixitup-control-active[data-filter]:after { background:transparent; }
#portfolio_gallery .mixitup-page-list,
#portfolio_gallery .mixitup-page-stats { display:inline-block; vertical-align:middle; }
#portfolio_gallery .mixitup-page-list { text-align:left; }
#portfolio_gallery .mixitup-page-stats { font-size:1.5rem; color:#002a68; font-weight:bold; font-family:'DM Sans', sans-serif; }
#portfolio_gallery .mixitup-control { position:relative; display:inline-block; text-align:center; width:4rem; height:4rem; background:#f9ff00; border-top:3px solid transparent; border-bottom:3px solid transparent; margin-right:1px; cursor:pointer; font-size:1.5rem; color:#002a68; font-weight:bold; font-family:'DM Sans', sans-serif; transition:color 150ms, border-color 150ms; vertical-align:middle; border-left:0; border-right:0; }
#portfolio_gallery .mixitup-control:first-child { border-radius:3px 0 0 3px; }
#portfolio_gallery .mixitup-control:last-child { border-radius:0 3px 3px 0; }
#portfolio_gallery .mixitup-control:not(.mixitup-control-active):hover { color:#003da0; }
#portfolio_gallery .mixitup-control-active { border-bottom-color:#62e888; cursor:default; }
#portfolio_gallery .mixitup-control:disabled { background:#eaeaea; color:#aaa; cursor:default; }
#portfolio_gallery .mixitup-control-truncation-marker { background:transparent; pointer-events:none; line-height:2.2em; }
#portfolio_gallery .mixitup_filter { padding:0; text-align:justify; font-size:0.1px; overflow:hidden; display:flex; flex-wrap:wrap; gap:22px; justify-content:start; }
#portfolio_gallery .mixitup_filter:after { content:''; display:inline-block; width:100%; }
#portfolio_gallery .mix,
#portfolio_gallery .gap { display:inline-block; vertical-align:top; }
#portfolio_gallery .mix { border-radius:0; margin-bottom:30px; position:relative; }
#portfolio_gallery .mix:before { content:''; display:inline-block; }
#portfolio_gallery .mix.green { color:#91e6c7; }
#portfolio_gallery .mix.pink { color:#d595aa; }
#portfolio_gallery .mix.blue { color:#5ecdde; }
#portfolio_gallery .item_sec { display:inline-block; width:100%; height:auto; background:#fff; }
#portfolio_gallery .item_sec .img { display:inline-block; width:100%; height:auto; }
#portfolio_gallery .item_sec .img .thumb { overflow:hidden; }
#portfolio_gallery .item_sec .img img { display:block; margin:auto; aspect-ratio:1/1; object-fit:cover; filter:brightness(0.95); transition:all 20s linear; }
#portfolio_gallery .item_sec .item_heading { display:inline-block; width:100%; margin:0 0 10px; }
#portfolio_gallery .item_sec .item_heading p { margin:0; transition:all 0.3s ease-out; }
#portfolio_gallery .item_sec .item_heading p img { height:25px; width:auto; margin-left:3px; transition:all 0.3s ease-out; }
#portfolio_gallery .item_sec .link { color:#002a68; }
#portfolio_gallery .item_sec .link span i { filter: invert(10%) sepia(81%) saturate(2998%) hue-rotate(208deg) brightness(92%) contrast(101%); }
#portfolio_gallery .item_sec .img h4 { text-align:left; margin:15px 0; transition:all 0.3s ease-out; }
#portfolio_gallery .item_sec:hover .img img { transform:scale(3); }
#portfolio_gallery .item_sec:hover .item_heading p img { filter:brightness(0) invert(96%) sepia(73%) saturate(869%) hue-rotate(60deg) brightness(91%) contrast(99%); }
#portfolio_gallery .item_sec:hover .img h4 { color:#62e888; }
#portfolio_gallery .item_sec:hover .item_heading p { color:#62e888; }
#portfolio_gallery .item_sec .item_heading .item_tag { display:flex; height:auto; align-items:flex-start; justify-content:left; margin-top:10px; margin-bottom:30px; flex-wrap:wrap; gap:2px 1px; }
#portfolio_gallery .item_sec .item_heading .item_tag a { display:inline-block; padding:2px 6px; color:#002a68; transition:all 0.3s; }
#portfolio_gallery .item_sec .item_heading .item_tag a.readmore { display:none; }
#portfolio_gallery .item_sec .item_heading .item_tag a.read-toggle { border:0; text-transform:capitalize; font-weight:700; }
#portfolio_gallery .item_sec .item_heading .item_tag a.read-toggle:hover { background:transparent; color:rgba(98, 232, 136, 1); }
#portfolio_gallery .item_sec .item_heading .item_tag a:hover { background:rgba(98, 232, 136, 0.4); }
#portfolio_gallery .mix,
#portfolio_gallery .gap { width:calc(100% / 2 - (((2 - 1) * 30px) / 2)); }
@media (min-width:541px) {
#portfolio_gallery .mix,
#portfolio_gallery .gap { width:calc(100% / 1 - (((1 - 1) * 0px) / 2)); }
}
@media (min-width:961px) {
#portfolio_gallery .mix,
#portfolio_gallery .gap { width:calc(100% / 2 - (((2 - 1) * 30px) / 2)); }
}
@media (min-width:1281px) {
#portfolio_gallery .mix,
#portfolio_gallery .gap { width:calc(100% / 3 - (((2 - 1) * 30px) / 2)); }
}
@media (max-width:992px) {
#portfolio_gallery .mixitup_filter .mix { width:100%; }
#portfolio_gallery .item_sec .item_heading .item_tag a { text-align:left; }
}
@media (max-width:650px) {
#portfolio_gallery .mixitup_filter { gap:0; }
#portfolio_gallery .filter-select { width:100%; }
#portfolio_gallery .filter-select-wrap { margin:0 0 30px 0; width:100%; }
}
@media (max-width:1024px) {
main #portfolio_heading { padding:50px 10px!important; border-radius:0 0 50px 0; }
main #portfolio_gallery { padding:50px 10px 0; }
main #portfolio_gallery .filter_wrapper { margin-bottom:20px; }
main #portfolio_gallery .item .card { border-top-right-radius:50px; }
main #portfolio_gallery .inner:hover .item { transform:rotateY(180deg); }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 LANDING PAGES 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
.page-template-llc-bigcommerce-service-quote main #clients.faq,
.page-template-llc-bigcommerce-service-quote-b main #clients.faq { padding:0 0 100px; }
.page-template-llc-bigcommerce-service-quote main #audit_process .process_steps,
.page-template-llc-bigcommerce-service-quote-b main #audit_process .process_steps { display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:30px; grid-row-gap:30px; }
.page-template-llc-bigcommerce-service-quote main .process_section .process_inner,
.page-template-llc-bigcommerce-service-quote-b main .process_section .process_inner { position:relative; height:100%; padding:30px 30px 100px; z-index:10; }
.page-template-llc-bigcommerce-service-quote main .process_section .item .icon,
.page-template-llc-bigcommerce-service-quote-b main .process_section .item .icon { bottom:20px; right:20px; }
@media (max-width:1400px) {
.page-template-llc-bigcommerce-service-quote main .process_section .process_inner h5,
.page-template-llc-bigcommerce-service-quote-b main .process_section .process_inner h5 { min-height:53px; }
}
@media (max-width:1024px) {
.page-template-llc-bigcommerce-service-quote main #reviews .review_section .item,
.page-template-llc-bigcommerce-service-quote-b main #reviews .review_section .item { margin-bottom:20px; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 BLOG DETAILS 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #single_blog_wrapper { padding:102px 0 100px; display:block; }
#single_blog_wrapper .post_content { max-width:800px; margin:0 auto; }
#single_blog_wrapper .post_content img,
.relevent_job_section .awsm-job-entry-content img { width:auto; max-width:100%; display:table; margin:0 auto 10px; border:1px solid #f9ff00; }
#single_blog_wrapper .post_content h1,
#single_blog_wrapper .post_content h2,
#single_blog_wrapper .post_content h3,
#single_blog_wrapper .post_content h4,
#single_blog_wrapper .post_content h5,
#single_blog_wrapper .post_content h6,
.relevent_job_section .awsm-job-entry-content h1,
.relevent_job_section .awsm-job-entry-content h2,
.relevent_job_section .awsm-job-entry-content h3,
.relevent_job_section .awsm-job-entry-content h4,
.relevent_job_section .awsm-job-entry-content h5,
.relevent_job_section .awsm-job-entry-content h6 { margin:25px 0 10px; }
#single_blog_wrapper .post_content h2,
.relevent_job_section .awsm-job-entry-content h2 { font-size:30px; line-height:42px; }
#single_blog_wrapper .post_content li:empty,
#single_blog_wrapper .post_content p:empty,
.relevent_job_section .awsm-job-entry-content li:empty,
.relevent_job_section .awsm-job-entry-content p:empty { display:none; }
#single_blog_wrapper .post_content li,
#single_blog_wrapper .post_content p,
#single_blog_wrapper .post_content a,
#single_blog_wrapper .post_content blockquote,
.relevent_job_section .awsm-job-entry-content li,
.relevent_job_section .awsm-job-entry-content p,
.relevent_job_section .awsm-job-entry-content a,
.relevent_job_section .awsm-job-entry-content blockquote { text-align:justify; margin:0 0 10px; }
#single_blog_wrapper .post_content a,
.relevent_job_section .awsm-job-entry-content a { text-decoration:underline; font-weight:600; color:#003da0; transition:all 0.3s ease-out; font-size:inherit; line-height:inherit; }
#single_blog_wrapper .post_content a:hover,
.relevent_job_section .awsm-job-entry-content a:hover { background:#003da0; color:#f9ff00; box-shadow:3px 0 0 #003da0, -3px 0 0 #003da0; text-decoration:none; }
#single_blog_wrapper .post_content p:last-child,
.relevent_job_section .awsm-job-entry-content p:last-child { margin:0; }
#single_blog_wrapper .post_content blockquote,
.relevent_job_section .awsm-job-entry-content blockquote { padding:5px 0 5px 15px; border-left:5px solid #62e888; }
#single_blog_wrapper .post_content ul,
#single_blog_wrapper .post_content ol,
.relevent_job_section .awsm-job-entry-content ul,
.relevent_job_section .awsm-job-entry-content ol { margin:0; padding-left:35px; }
#single_blog_wrapper .post_content ul li,
.relevent_job_section .awsm-job-entry-content ul li { list-style:square; }
#single_blog_wrapper .post_content ol li,
.relevent_job_section .awsm-job-entry-content ol li { list-style:decimal; }
#single_blog_wrapper .post_content ul ul li,
.relevent_job_section .awsm-job-entry-content ul ul li { list-style:disc; }
#single_blog_wrapper .post_content ol ol li,
.relevent_job_section .awsm-job-entry-content ol ol li { list-style:lower-roman; }
#single_blog_wrapper .post_content strong,
.relevent_job_section .awsm-job-entry-content strong { font-weight:700; }
.relevent_job_section .awsm-job-entry-content ul li { text-align:left; }
#single_blog_wrapper .date-tag { padding:10px 15px; background:rgba(98, 232, 136, 0.3); display:flex; align-items:center; justify-content:start; }
#single_blog_wrapper .date-tag .time { position:relative; margin-right:30px; }
#single_blog_wrapper .date-tag .time span { text-transform:uppercase; }
#single_blog_wrapper .date-tag .time span i { margin-right:4px; }
#single_blog_wrapper .date-tag .time:before { content:''; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:2px; height:16px; background:rgba(0, 42, 104, 0.5); }
#single_blog_wrapper .date-tag .tag { display:flex; flex-wrap:wrap; gap:5px; }
#single_blog_wrapper .date-tag .tag a { position:relative; color:#002a68; margin-right:15px; line-height:1; transition:all 0.3s ease-out; }
#single_blog_wrapper .date-tag .tag a:before { content:''; position:absolute; right:-10px; top:50%; transform:translateY(-45%) rotate(25deg); width:1px; height:14px; background:rgba(0, 42, 104, 0.7); }
#single_blog_wrapper .date-tag .tag a:last-child:before { display:none; }
#single_blog_wrapper .date-tag .tag a:hover { text-decoration:underline; }
#single_blog_wrapper .post-navigation { display:flex; width:100%; justify-content:space-between; margin-top:30px; }
form[data-form-id='3'] .es-form-field-container .gjs-row { margin-bottom:0!important; }
form[data-form-id='3'] .es-form-field-container label.es-field-label { display:none!important; }
@media (max-width:992px) {
#single_blog_wrapper .post_content { padding:0 15px; }
#single_blog_wrapper .post_content h2,
.relevent_job_section .awsm-job-entry-content h2 { font-size:24px; }
#single_blog_wrapper .post_content ul,
#single_blog_wrapper .post_content ol,
.relevent_job_section .awsm-job-entry-content ul,
.relevent_job_section .awsm-job-entry-content ol { padding-left:25px; }
#single_blog_wrapper .post_content li,
#single_blog_wrapper .post_content p,
#single_blog_wrapper .post_content blockquote,
.relevent_job_section .awsm-job-entry-content li,
.relevent_job_section .awsm-job-entry-content p,
.relevent_job_section .awsm-job-entry-content blockquote { text-align:left; }
#single_blog_wrapper .date-tag { flex-wrap:wrap; row-gap:10px; }
#single_blog_wrapper .post-navigation { flex-wrap:wrap; row-gap:15px; }
main #single_blog_wrapper { padding:102px 0 0; }
}
main #why_trust { padding:100px 0; display:inline-block; width:100%; background:#f0f0f9; }
.page-template-codaemon-about-template main #why_trust { background:#fff; }
main #why_trust h5 { margin-bottom:15px; }
#why_trust .why_content .content { padding-right:30px; line-height:24px; font-size:16px; display:flex; flex-direction:column; align-items:start; }
#why_trust .why_content .content h2 { margin-bottom:20px; }
#why_trust .why_content .content_block { padding-left:30px; display:flex; flex-wrap:wrap; }
#why_trust .why_content .content ul { margin:20px 0; }
#why_trust .why_content ul { margin-bottom:15px; }
#why_trust .why_content ul > li { list-style:inside; }
#why_trust .why_content .content_block .block-item { position:relative; background:#fff; border:1px solid #dcdcdc; padding:15px; height:auto; overflow:hidden; transition:all 0.3s ease-out; margin:0 -1px -1px 0; }
#why_trust .why_content .content_block .block-item .icon { margin-bottom:10px; }
#why_trust .why_content .content_block .block-item img { width:auto; height:45px; object-fit:cover; }
#why_trust .why_content .content_block .block-item .item_content h5 { font-size:30px; font-weight:700; line-height:1; }
#why_trust .why_content .content_block .block-item .item_content p { margin:8px 0 0; }
#why_trust .why_content .content_block .block-item .content_item { position:relative; z-index:10; transition:all 0.3s ease-out; }
#why_trust .why_content .content_block .block-item::before,
#why_trust .why_content .content_block .block-item::after { content:''; width:200%; height:0; top:-50%; left:50%; background:rgba(98, 232, 136, 0.3); position:absolute; transform-origin:top; transform:rotate(45deg); transition:all 0.3s ease-out; z-index:1; }
#why_trust .why_content .content_block .block-item::after { top:-50%; left:-50%; transform-origin:bottom; transition-delay:0.1s; }
#why_trust .why_content .content_block .block-item:hover:before,
#why_trust .why_content .content_block .block-item:hover:after { height:100%; }
#why_trust .why_content a { margin-top:35px; }
.why_content .left-sec .number_block { display:flex; justify-content:space-between; margin-top:60px; }
.why_content .left-sec .number_block h2 { color:#65b1e3; }
.why_content .left-sec .number_block h2 sup { font-size:65%; margin-left:4px; }
.why_content .left-sec .number_block p { color:#002a68; }
#why_trust .left-sec { display:flex; flex-direction:column; justify-content:center; height:100%; padding-right:100px; }
#why_trust.ui_audit .why_content .content h2 { font-size:40px!important; }
@media (max-width:992px) {
#why_trust .left-sec { padding-right:0; }
#why_trust .left-sec h5 { margin-bottom:15px; }
#why_trust .why_content .item-block { width:100%; }
#why_trust .why_content .item-block:nth-child(1) { margin-bottom:50px; }
#why_trust .why_content .content { padding-right:0; }
#why_trust .why_content .content_block { padding-left:0; }
.why_content .left-sec .number_block { margin-top:10px; }
.why_content .left-sec .number_block h5 { margin-bottom:0!important; }
}
@media (max-width:767px) {
#why_trust .why_content .content_block .block-item { width:50%; }
}
@media (max-width:650px) {
main #why_trust { padding:50px 12px; }
}
@media (max-width:500px) {
#why_trust .why_content .content_block .block-item { width:100%; text-align:center; aspect-ratio:auto; padding:40px 15px 20px; }
}
/* 🟫🟥🟧🟨⬜🟨🟧🟥🟫 CASE STUDY DESCRIPTION 🟫🟥🟧🟨⬜🟨🟧🟥🟫 */
main #case-study-description { padding:50px 0; }
main #case-study-description h2 { padding-bottom:30px; font-size:40px; }
main .case-study-how-we-did { border-top-left-radius:200px; }
main #case-study-desc { padding:100px 0; }
main #case-study-desc h2 { margin-bottom:30px; }
main #case-study-desc .case_group { padding:30px 30px 50px; background:#f0f0f9; border-radius:0 0 100px 0; }
main #case-study-desc .case_group .case_group_item ul { padding-left:18px; }
main #case-study-desc .case_group .case_group_item ul li { list-style:square; }
main #case-study-description { padding:50px 0 50px 0; }
main #case-study-description .desc { max-width:750px; margin:0 auto; background:#fafafc; }
main #case-study-description .desc .inner { border-top:2px solid #62e888; }
main #case-study-description .desc .inner:last-child { border-bottom:2px solid #62e888; }
main #case-study-description .desc .inner h5 { position:relative; display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:20px 35px 20px 20px; margin:0; transition:all 0.3s ease-out; }
main #case-study-description .desc .inner h5 .icon { position:absolute; right:15px; top:50%; transform:translateY(-50%); transition:all 0.3s ease-out; }
main #case-study-description .desc .inner h5 .icon svg { width:10px; fill:#002a68; transition:all 0.3s ease-out; }
main #case-study-description .desc .inner.active h5 { pointer-events:none; }
main #case-study-description .desc .inner.active h5 .icon { transform:translateY(-50%) rotate(90deg); }
main #case-study-description .desc .inner .details { display:none; padding:0 20px 20px; }
main #case-study-description .desc .inner .details .inner { border:0; }
main #case-study-description .desc .inner .details .inner .imgg { margin-bottom:20px; }
main #case-study-description .desc .inner .details .inner .imgg img { height:auto; }
main #case-study-description .desc .inner .details ul { padding-left:18px; }
main #case-study-description .desc .inner .details ul li { list-style:square; }
main #case-study-description .desc.single-content .inner { border:0; }
main #case-study-description .desc.single-content .inner h5 .icon { display:none; }
@media (min-width:992px) {
main #case-study-description .desc .inner h5:hover .icon { animation:arrow-right 0.35s ease-in alternate infinite; }
main #case-study-description .desc .inner h5:hover { background:#62e888; }
main #case-study-description .desc .inner h5:hover svg { fill:#fff; }
main #case-study-description .desc .inner.active h5:hover { background:none; }
}
@keyframes arrow-right {
0% { transform:translateX(-10px) translateY(-50%); }
100% { transform:translateX(-2px) translateY(-50%); }
}
@media (max-width:992px) {
main #case-study-description .desc { padding-right:0; }
main #case-study-description { padding:50px 12px 50px; }
main #case-study-description .desc { max-width:100%; }
main #case-study-description .desc .inner .details .inner .paraa { width:100%; padding:0; }
}