From a92ac10b4a5cc678c0118a6bd82e3031e3094b13 Mon Sep 17 00:00:00 2001 From: Brian Obot Date: Sat, 7 Oct 2023 13:59:59 +0100 Subject: [PATCH] fix: YAYYYYYY DONE IT --- css/style.css | 16 +++++++++------- css/style.min.css | 2 +- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/css/style.css b/css/style.css index 89b59ac..8272e0c 100644 --- a/css/style.css +++ b/css/style.css @@ -491,7 +491,7 @@ body { /* Start of styling for main page hero */ #hero { width: 100%; - height: 80vh; + height: 70vh; background: grey; background-image: url("../images/bg.webp"); /*, url("../images/bg.webp"), url("../images/bg.png"); */ background-color: rgba(0, 0, 0, 0.7); @@ -545,6 +545,12 @@ body { } } +@media (max-width: 600px) { + #hero { + height: 80vh; + } +} + @media (max-width: 400px) { #hero { margin-bottom: 0; @@ -566,12 +572,6 @@ body { margin-bottom: 30px; } } -/* -@media (max-height: 600px) { - #hero { - height: 70vh; - } -} */ @media (max-width: 380px){ #hero { @@ -579,6 +579,8 @@ body { } } + + /* Styling for service section */ .services-list { display: grid; diff --git a/css/style.min.css b/css/style.min.css index 71947bb..b769d51 100644 --- a/css/style.min.css +++ b/css/style.min.css @@ -1 +1 @@ -*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--color-primary:#2c4964;--color-secondary:#fff;--color-accent:#fd6f53;--font-color:#000000}body{font-family: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";color:#444;height:100%;font-size:.9rem}.bg-dark{background-color:#112436!important}a{color:#1977cc;text-decoration:none!important}a:hover{color:#3291e6;text-decoration:none}h2{font-family:Raleway,sans-serif}#header{background:var(--color-secondary);transition:all .5s;z-index:997;padding:9px 0;box-shadow:0 2px 21px rgba(25,119,204,.18)}#header.header-scrolled{top:0}#header .logo{font-size:25px;font-weight:500;margin:0;margin-top:.23rem;padding:0;line-height:1.5;letter-spacing:2px;font-family:Poppins,sans-serif;z-index:1000}#header .logo a{color:var(--color-primary)}#header .logo img{max-height:40px}.theme-switch{color:var(--color-primary);font-size:23px;border:2px solid #588cda;border-radius:10px;padding:3px 8px!important}.theme-switch:hover{background-color:rgba(82,225,82,.478)}.theme-switch:active{border:2px solid rgba(67,154,67,.872);padding:0 3px;font-size:23px!important}.bi-list,.bi-x{color:var(--color-primary);font-size:23px;border:2px solid transparent;border-radius:5px;padding:3px 4px!important}.bi-list:hover,.bi-x:hover{background-color:rgba(82,130,225,.478)}.bi-list:active,.bi-x:active{padding:0 3px;border:2px solid rgba(67,87,154,.887)}.resume-btn{background:var(--color-secondary);border:1px solid var(--color-primary)!important;border-radius:50rem!important}.resume-btn:hover{border:1px solid rgba(6,82,234,.642)!important;background:rgba(6,82,234,.642);color:var(--color-secondary)!important}@media (max-width:768px){.resume-btn{margin:0 15px 0 0;padding:6px 18px}}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar>ul>li{position:relative;white-space:nowrap;padding:8px 0 8px 20px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500!important;color:var(--color-primary);white-space:nowrap;transition:.3s;border-bottom:2px solid #fff;border-bottom:2px solid var(--color-secondary);padding:5px 2px}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:#1977cc;border-color:#1977cc}.navbar .dropdown ul{display:block;position:absolute;left:20px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#082744;border:none}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:#1977cc}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#2c4964;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(28,47,65,.9);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:69px;right:0;bottom:0;left:0;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile>ul>li{padding:0}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#2c4964;border:none}.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#1977cc}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#1977cc}.navbar-mobile .dropdown>.dropdown-active{display:block}section{padding:60px 0;overflow:hidden}.greetings{font-size:25px!important;color:#fff!important}.intro-speech{color:#c5c1c1;background-color:rgba(5,1,1,.701);font-size:150%}@media (max-width:400px){.intro-speech{font-size:120%}}.greetings .my-name{font-size:55px!important;font-size:clamp(50px,8vw,80px)!important;font-weight:700!important;margin-top:20px!important;line-height:60px!important;letter-spacing:2.3px;color:#358ec9;-webkit-text-stroke:1px #fff}@media (max-width:320px){.greetings .my-name{letter-spacing:.3px}}.container h3{color:#fff;margin-top:20px}.container h3 li{list-style:none;font-size:15px}.loading-after:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) .9s infinite;animation:ellipsis steps(4,end) .9s infinite;content:"\2026";width:0}@keyframes ellipsis{to{width:1.25em}}@-webkit-keyframes ellipsis{to{width:1.25em}}.cute{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-size:100%;background-clip:text;background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.banner{background:#fff;font-family:Lato,sans-serif}.navbar-nav-primary{text-transform:uppercase}#hero{width:100%;height:80vh;background:grey;background-image:url(../images/bg.webp);background-color:rgba(0,0,0,.7);background-size:cover;background-blend-mode:overlay;padding-top:13px!important}#hero .container{position:relative}#hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px;text-transform:uppercase;color:#2c4964}#hero h2{color:#2c4964;margin:10px 0 0 0;font-size:24px}#hero .btn-get-started{font-family:Raleway,sans-serif;text-transform:uppercase;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 35px;margin-top:30px;border-radius:50px;transition:.5s;color:#fff;background:red}#hero .btn-get-started:hover{background:#d76563}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:400px){#hero{margin-bottom:0;height:75vh}#hero .container{padding-bottom:63px}#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}@media (max-width:380px){#hero{height:83vh}}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.services-list div{background:#344b60;color:#fff;padding:40px;font-size:15px;font-weight:400;border-radius:10px;background-blend-mode:overlay;background-size:cover;transition:background .5s,transform .5s}.services-list #software-dev{background-image:url(../images/software-dev.jpg)}.services-list #web-design{background-image:url(../images/web-dev.webp)}.services-list #engineering-analysis{background-image:url(../images/engine-analysis.jpg)}.services-list #technical-writing{background-image:url(../images/technical-writing.webp)}.services-list div i{font-size:50px;margin-bottom:30px}.services-list div:hover{background:#054a74;background-size:cover;transform:translateY(-10px);color:#fff}.services-list div a:hover{color:#fff}#referral-section{font-size:1rem;color:#000}.footer-social-icons a{display:inline-flex;width:50px;height:50px;border-radius:50%;justify-content:center;align-items:center;padding:0;margin:0;margin-right:10px}.footer-social-icons a:hover{margin-top:-8px}:root{--bs-body-font-weight:370!important}h6{font-size:1.1rem!important}#appreciation ul{list-style-type:square;padding-left:35px}.faq-card .faq-question{text-align:left;padding:10px 10px;font-weight:600;cursor:pointer;border:none;outline:0;transition:.4s;margin:auto}.faq-card .faq-question:after{content:'\02795';font-size:10px;color:#000;float:right;margin-top:4px;margin-left:5px}.faq-card .faq-question.active:after{content:"\2796";margin-top:4px}.faq-card .faq-answer{margin:auto;text-align:left;width:90%;padding:auto;padding-top:10px}.faq-card .faq-answer p{margin-bottom:0}.faq-card .faq-answer{background-color:#fff;display:none;overflow:hidden}.faq-card .faq-question,.faq-question.active{background-color:#e6edf5}.call-h2{margin-top:10px;margin-bottom:24px;font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-.03em}.consultation-call{position:relative;padding:40px 3%;color:#000}.fixed-background{position:absolute;left:0;top:auto;right:0;bottom:0;z-index:-1;height:50%;background-color:#01050f}@media screen and (max-width:991px){#consultation-call .container{padding-top:20px}}.cta-banner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:280px;padding:60px 70px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:24px;background-color:#eef3f7;background-image:url(../images/pattern_shape.svg);background-position:50% 50%;background-size:cover}@media screen and (max-width:479px){.cta-banner{padding-right:26px;padding-left:26px}}@media screen and (max-width:767px){.cta-banner{padding-right:40px;padding-left:40px}}.cta-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:991px){.cta-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}}.cta-h2{margin-top:0;margin-bottom:0;color:#1649c9;font-size:40px;line-height:1.1}@media screen and (max-width:479px){.cta-h2{font-size:38px}}.w-button{display:inline-block;padding:9px 15px;background-color:#2980cb;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}.button-start{display:flex;min-height:60px;padding-left:40px;padding-right:40px;align-items:center;justify-content:center;background-color:#0f49eb;transition:box-shadow .3s ease;font-size:16px;font-weight:500;text-align:center}.button-start:hover{color:#fff!important}@media screen and (max-width:479px){.button-start{margin-bottom:20px}}.cta-button-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50%;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:991px){.cta-button-wrap{width:100%;margin-top:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.text-span{color:#33aed6}footer .row>*{padding-right:0;padding-left:0}#designed-by-link a{font-size:13px;color:#fff!important}.quick-links{padding-left:5px}.quick-links li{padding:2px 0;border-bottom:1px solid #504e4e;margin:15px 0}.quick-links li a{color:#fff} \ No newline at end of file +*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--color-primary:#2c4964;--color-secondary:#fff;--color-accent:#fd6f53;--font-color:#000000}body{font-family: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";color:#444;height:100%;font-size:.9rem}.bg-dark{background-color:#112436!important}a{color:#1977cc;text-decoration:none!important}a:hover{color:#3291e6;text-decoration:none}h2{font-family:Raleway,sans-serif}#header{background:var(--color-secondary);transition:all .5s;z-index:997;padding:9px 0;box-shadow:0 2px 21px rgba(25,119,204,.18)}#header.header-scrolled{top:0}#header .logo{font-size:25px;font-weight:500;margin:0;margin-top:.23rem;padding:0;line-height:1.5;letter-spacing:2px;font-family:Poppins,sans-serif;z-index:1000}#header .logo a{color:var(--color-primary)}#header .logo img{max-height:40px}.theme-switch{color:var(--color-primary);font-size:23px;border:2px solid #588cda;border-radius:10px;padding:3px 8px!important}.theme-switch:hover{background-color:rgba(82,225,82,.478)}.theme-switch:active{border:2px solid rgba(67,154,67,.872);padding:0 3px;font-size:23px!important}.bi-list,.bi-x{color:var(--color-primary);font-size:23px;border:2px solid transparent;border-radius:5px;padding:3px 4px!important}.bi-list:hover,.bi-x:hover{background-color:rgba(82,130,225,.478)}.bi-list:active,.bi-x:active{padding:0 3px;border:2px solid rgba(67,87,154,.887)}.resume-btn{background:var(--color-secondary);border:1px solid var(--color-primary)!important;border-radius:50rem!important}.resume-btn:hover{border:1px solid rgba(6,82,234,.642)!important;background:rgba(6,82,234,.642);color:var(--color-secondary)!important}@media (max-width:768px){.resume-btn{margin:0 15px 0 0;padding:6px 18px}}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar>ul>li{position:relative;white-space:nowrap;padding:8px 0 8px 20px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500!important;color:var(--color-primary);white-space:nowrap;transition:.3s;border-bottom:2px solid #fff;border-bottom:2px solid var(--color-secondary);padding:5px 2px}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:#1977cc;border-color:#1977cc}.navbar .dropdown ul{display:block;position:absolute;left:20px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#082744;border:none}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:#1977cc}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#2c4964;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(28,47,65,.9);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:69px;right:0;bottom:0;left:0;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile>ul>li{padding:0}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#2c4964;border:none}.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#1977cc}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#1977cc}.navbar-mobile .dropdown>.dropdown-active{display:block}section{padding:60px 0;overflow:hidden}.greetings{font-size:25px!important;color:#fff!important}.intro-speech{color:#c5c1c1;background-color:rgba(5,1,1,.701);font-size:150%}@media (max-width:400px){.intro-speech{font-size:120%}}.greetings .my-name{font-size:55px!important;font-size:clamp(50px,8vw,80px)!important;font-weight:700!important;margin-top:20px!important;line-height:60px!important;letter-spacing:2.3px;color:#358ec9;-webkit-text-stroke:1px #fff}@media (max-width:320px){.greetings .my-name{letter-spacing:.3px}}.container h3{color:#fff;margin-top:20px}.container h3 li{list-style:none;font-size:15px}.loading-after:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) .9s infinite;animation:ellipsis steps(4,end) .9s infinite;content:"\2026";width:0}@keyframes ellipsis{to{width:1.25em}}@-webkit-keyframes ellipsis{to{width:1.25em}}.cute{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-size:100%;background-clip:text;background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.banner{background:#fff;font-family:Lato,sans-serif}.navbar-nav-primary{text-transform:uppercase}#hero{width:100%;height:70vh;background:grey;background-image:url(../images/bg.webp);background-color:rgba(0,0,0,.7);background-size:cover;background-blend-mode:overlay;padding-top:13px!important}#hero .container{position:relative}#hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px;text-transform:uppercase;color:#2c4964}#hero h2{color:#2c4964;margin:10px 0 0 0;font-size:24px}#hero .btn-get-started{font-family:Raleway,sans-serif;text-transform:uppercase;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 35px;margin-top:30px;border-radius:50px;transition:.5s;color:#fff;background:red}#hero .btn-get-started:hover{background:#d76563}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:600px){#hero{height:80vh}}@media (max-width:400px){#hero{margin-bottom:0;height:75vh}#hero .container{padding-bottom:63px}#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}@media (max-width:380px){#hero{height:83vh}}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.services-list div{background:#344b60;color:#fff;padding:40px;font-size:15px;font-weight:400;border-radius:10px;background-blend-mode:overlay;background-size:cover;transition:background .5s,transform .5s}.services-list #software-dev{background-image:url(../images/software-dev.jpg)}.services-list #web-design{background-image:url(../images/web-dev.webp)}.services-list #engineering-analysis{background-image:url(../images/engine-analysis.jpg)}.services-list #technical-writing{background-image:url(../images/technical-writing.webp)}.services-list div i{font-size:50px;margin-bottom:30px}.services-list div:hover{background:#054a74;background-size:cover;transform:translateY(-10px);color:#fff}.services-list div a:hover{color:#fff}#referral-section{font-size:1rem;color:#000}.footer-social-icons a{display:inline-flex;width:50px;height:50px;border-radius:50%;justify-content:center;align-items:center;padding:0;margin:0;margin-right:10px}.footer-social-icons a:hover{margin-top:-8px}:root{--bs-body-font-weight:370!important}h6{font-size:1.1rem!important}#appreciation ul{list-style-type:square;padding-left:35px}.faq-card .faq-question{text-align:left;padding:10px 10px;font-weight:600;cursor:pointer;border:none;outline:0;transition:.4s;margin:auto}.faq-card .faq-question:after{content:'\02795';font-size:10px;color:#000;float:right;margin-top:4px;margin-left:5px}.faq-card .faq-question.active:after{content:"\2796";margin-top:4px}.faq-card .faq-answer{margin:auto;text-align:left;width:90%;padding:auto;padding-top:10px}.faq-card .faq-answer p{margin-bottom:0}.faq-card .faq-answer{background-color:#fff;display:none;overflow:hidden}.faq-card .faq-question,.faq-question.active{background-color:#e6edf5}.call-h2{margin-top:10px;margin-bottom:24px;font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-.03em}.consultation-call{position:relative;padding:40px 3%;color:#000}.fixed-background{position:absolute;left:0;top:auto;right:0;bottom:0;z-index:-1;height:50%;background-color:#01050f}@media screen and (max-width:991px){#consultation-call .container{padding-top:20px}}.cta-banner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:280px;padding:60px 70px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:24px;background-color:#eef3f7;background-image:url(../images/pattern_shape.svg);background-position:50% 50%;background-size:cover}@media screen and (max-width:479px){.cta-banner{padding-right:26px;padding-left:26px}}@media screen and (max-width:767px){.cta-banner{padding-right:40px;padding-left:40px}}.cta-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:991px){.cta-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}}.cta-h2{margin-top:0;margin-bottom:0;color:#1649c9;font-size:40px;line-height:1.1}@media screen and (max-width:479px){.cta-h2{font-size:38px}}.w-button{display:inline-block;padding:9px 15px;background-color:#2980cb;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}.button-start{display:flex;min-height:60px;padding-left:40px;padding-right:40px;align-items:center;justify-content:center;background-color:#0f49eb;transition:box-shadow .3s ease;font-size:16px;font-weight:500;text-align:center}.button-start:hover{color:#fff!important}@media screen and (max-width:479px){.button-start{margin-bottom:20px}}.cta-button-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50%;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:991px){.cta-button-wrap{width:100%;margin-top:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.text-span{color:#33aed6}footer .row>*{padding-right:0;padding-left:0}#designed-by-link a{font-size:13px;color:#fff!important}.quick-links{padding-left:5px}.quick-links li{padding:2px 0;border-bottom:1px solid #504e4e;margin:15px 0}.quick-links li a{color:#fff} \ No newline at end of file