@font-face{font-family:Montserrat;src:url("../fonts/Montserrat/Montserrat-Regular.ttf")}@font-face{font-family:Montserrat-Bold;src:url("../fonts/Montserrat/Montserrat-Bold.ttf")}*{font-family:Montserrat}html{background:#fff;padding:0;margin:0;scroll-behavior:smooth}body{margin:auto;width:100%;max-width:1600px;overflow-x:hidden}button{cursor:pointer;border:none;outline:none}.standard-btn{background:#ff8500;padding:20px;width:30%;color:white;border-radius:10px}@media only screen and (max-width: 480px){.standard-btn{width:100%}}.pre-loader{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;z-index:10;max-width:1600px}.pre-loader.hidden{animation:LoaderJump 1s ease-in forwards}@keyframes LoaderJump{100%{opacity:0;z-index:-1;visibility:hidden}}nav{width:100%;background:#001e44;padding:1px;display:grid;grid-template-columns:25% 75%;grid-template-rows:80px;position:sticky;top:0;z-index:5;transition:0.3s ease}nav .title{display:flex;align-content:center;align-items:center}nav .title a{text-decoration:none}nav .title span{font-family:'Montserrat-Bold';font-size:3rem;margin:0 0 0 20px;color:#ff8500}nav .nav-options{height:80px;display:grid;grid-template-columns:85% 10%}nav .nav-options .nav-links{display:flex;align-items:center;height:100%;width:100%;justify-content:space-around}nav .nav-options .nav-links a{text-decoration:none;color:white;font-family:'Montserrat-Bold'}nav .nav-options .nav-links .active{color:#ff8500}nav .nav-options .dropbtn{padding:5px;display:flex;align-items:center;border:1px solid white;background:transparent;width:100%;color:white;padding:16px 20px;justify-content:space-around}nav .nav-options .dropbtn .flag{height:9px;width:9px;border-radius:50%}nav .nav-options .dropbtn .chevron{width:9px;height:9px}nav .nav-options .language-option{position:relative;display:inline-block;width:max-content;margin:auto 10px}nav .nav-options .language-option button img,nav .nav-options .language-option button span{position:relative;z-index:-1}nav .nav-options .dropdown-content{height:0px;position:absolute;background-color:#fff;min-width:100%;overflow:auto;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;transition:0.5s ease;overflow:hidden}nav .nav-options .dropdown-content span{height:35px;text-align:center;display:flex;margin:4px 0px;border-bottom:1px solid #8a8a8a75;cursor:pointer;align-items:center;justify-content:center}nav .nav-options .dropdown-content a{color:black;padding:12px;text-decoration:none;display:block}nav .nav-options .dropdown a:hover{background-color:#ddd}nav .nav-options .show{height:80px}nav .mobile-hamburger,nav .mobile-menu{display:none}.nav-hidden{transform:translateY(-80px)}@media only screen and (max-width: 480px){nav{grid-template-columns:40% 60%}nav .title span{font-size:1.8rem}nav .nav-options{display:flex;justify-content:flex-end;align-items:center}nav .nav-options .nav-links{display:none}nav .mobile-menu{display:block;position:fixed;height:0%;overflow:hidden;transition:0.8s ease;background:rgba(0,30,68,0.9);width:100%;top:80px;left:0}nav .mobile-menu .nav-links{flex-direction:column;display:flex}nav .mobile-hamburger{display:block;margin-right:10px}nav .bar-one,nav .bar-two,nav .bar-three{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:0.4s}nav .change .bar-one{transform:rotate(-45deg) translate(-9px, 6px)}nav .change .bar-two{opacity:0}nav .change .bar-three{transform:rotate(45deg) translate(-8px, -8px)}}.section{width:100%;min-height:100%}#home .main{position:relative;height:700px;background-image:url("../images/whiteboard.jpg")}#home .main .overlay{content:'';position:absolute;top:0;left:0;width:100%;height:700px;z-index:1;background:rgba(0,30,68,0.72)}#home .main img{width:40%;height:auto;object-fit:cover;position:absolute;right:100px;top:40px;z-index:2;border-radius:50%}#home .main .text-main{position:absolute;top:220px;width:30%;color:white;z-index:2;padding:20px}#home .main .text-main h1,#home .main .text-main h2{font-family:'Montserrat-Bold'}#home .main .text-main hr{height:5px;background:white}#home .main .text-main button{background:#ff8500;padding:20px;width:100%;color:white;border-radius:10px}@media only screen and (max-width: 480px){#home .main .text-main{top:240px;width:75%}#home .main .text-main h1{font-size:1.75rem}#home .main .text-main h2{font-size:1rem}#home .main .text-main hr{height:3px;background:white;border:1px solid white}}#services{height:100vh;display:flex;justify-content:center;align-items:center;padding-top:75px}#services .services-container{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-around}#services .services-container .service{box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4);width:90%;margin:auto;border-radius:20px;height:385px;text-align:center;padding:10px;display:grid;grid-template-rows:auto 65px 140px auto}#services .services-container .service .top-image{background:#001e44;border-radius:50%;height:50px;width:50px;padding:10px;display:flex;justify-content:center;align-items:center;margin:-40px auto auto auto}#services .services-container .service .top-image img{height:30px;width:30px}#services .services-container .service h3{font-family:'Montserrat-Bold'}#services .services-container .service ul{text-align:left;padding:0 0 0 20px}#services .services-container .service ul li{width:85%;margin:3px}#services .services-container .full-grid{grid-column:1/4;text-align:center;padding:50px 0 0 0}#services .services-container .full-grid button{background:#ff8500;padding:20px;width:30%;color:white;border-radius:10px}@media only screen and (max-width: 480px){#services{height:auto}#services .services-container{display:flex;flex-direction:column}#services .services-container .service{width:80%;margin:40px auto;display:flex;flex-direction:column;height:385px}#services .services-container .service .top-image{width:auto;height:auto}#services .services-container .service h3,#services .services-container .service p{margin:auto;padding:4px;width:80%}#services .services-container .full-grid{width:100%;padding:20px 0 0 0}#services .services-container .full-grid button{width:80%}}#work{padding-top:75px}#work .work-container{display:flex;flex-direction:column}#work .work-container .work{width:90%;margin:10px auto;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4);display:grid;border-radius:20px;grid-template-columns:25% 75%}#work .work-container .work h3{font-family:'Montserrat-Bold'}#work .work-container .work .side-image{background:#001e44;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:50px auto}#work .work-container .work .side-image img{height:20px;width:20px}@media only screen and (max-width: 480px){#work .work-container .work{display:flex;flex-direction:column;margin:80px auto 50px auto;text-align:center}#work .work-container .work .side-image{margin:-30px auto auto auto}#work .work-container .work .side-image img{height:20px;width:20px}#work .work-container .work ul{text-align:initial}}#about{padding-top:75px;display:grid;grid-template-columns:25% 55%;justify-content:space-evenly}#about .about-image{width:100%;height:100%}#about .about-image img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4)}#about .about-description{padding:20px;border-radius:20px;border:1px solid #eee;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4)}@media only screen and (max-width: 480px){#about{display:flex;flex-direction:column}#about .about-image img{width:100%;height:auto}#about .about-description{padding:20px}}#contact{display:grid;grid-template-columns:50% 50%;grid-template-rows:600px;padding-top:75px;align-items:center}#contact .socials{width:50%;height:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4);border-radius:20px;padding:10px;margin:auto}#contact .socials span,#contact .socials a{width:100%}#contact .socials span{padding-left:1rem}#contact .socials a{margin:20px auto;display:flex;align-items:center;text-decoration:none}#contact .socials a img{width:15px;height:15px;margin:0 10px}#contact .contact-form{height:100%;background:#001e44;color:white;text-align:center;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4);border-radius:10px;margin:10px;padding:5px}#contact .contact-form form{display:flex;flex-direction:column;justify-content:center}#contact .contact-form form input,#contact .contact-form form textarea{width:90%;padding:10px;border-radius:10px;outline:none;border:none;transition:0.3s ease;margin:10px auto}#contact .contact-form form input:focus,#contact .contact-form form textarea:focus{border:2px solid #ff8500}#contact .contact-form form button{background:#ff8500;padding:20px;width:90%;color:white;border-radius:10px;margin:auto;font-family:'Montserrat-Bold'}#contact .contact-form a button{font-family:'Montserrat-Bold';margin:5px auto;background:#ff8500;padding:20px;width:50%;color:white;border-radius:10px}@media only screen and (max-width: 480px){#contact{display:flex;flex-direction:column}#contact .contact-form{padding:15px}#contact .socials{width:100%}#contact .socials span,#contact .socials a{width:95%}}#survey{height:550px;padding-top:75px}#survey .border{width:80%;padding:10px;margin:auto;border-radius:20px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4)}#survey .grid-survey{display:grid;grid-template-columns:50% 50%}#survey .grid-survey .list{width:50%;margin:auto}#survey .grid-survey .list ul{text-align:initial}#survey .grid-survey .prompt button{background:#ff8500;padding:20px;width:90%;color:white;border-radius:10px;margin:auto;font-family:'Montserrat-Bold'}#survey h4{font-family:'Montserrat-Bold';grid-column:1/3;text-align:center;height:min-content;font-size:1.6rem}@media only screen and (max-width: 480px){#survey .grid-survey{grid-template-columns:100%;padding:15px}#survey .grid-survey .list{width:100%}#survey .grid-survey .list ul{list-style-type:none;text-align:center;padding:0}#survey .grid-survey .prompt{text-align:center}}.ssa-parent{width:80%;margin:15px auto;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.4);border-radius:5px}.ssa-parent .content{padding:10px;text-align:center}.ssa-parent .content form{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:30px}.ssa-parent .content form .input-wrapper{width:80%;padding:10px;margin:auto}.ssa-parent .content form .input-wrapper input,.ssa-parent .content form .input-wrapper select{width:80%;overflow:scroll;border:none;border-bottom:1px solid #eee;background:transparent;outline:none;padding:10px 0;transition:.2s ease}.ssa-parent .content form .input-wrapper input:disabled,.ssa-parent .content form .input-wrapper select:disabled{background:#eee}.ssa-parent .content form .input-wrapper input::placeholder,.ssa-parent .content form .input-wrapper input option:disabled,.ssa-parent .content form .input-wrapper select::placeholder,.ssa-parent .content form .input-wrapper select option:disabled{color:#000;opacity:1}.ssa-parent .content form .input-wrapper input[type="submit"],.ssa-parent .content form .input-wrapper select[type="submit"]{background:#001e44;border:none;width:100%;margin:auto;cursor:pointer;text-transform:uppercase;color:#fff;border-radius:5px}.ssa-parent .content form .input-wrapper input[type="submit"]:active,.ssa-parent .content form .input-wrapper select[type="submit"]:active{transform:scale(1.1)}.ssa-parent .content form .input-wrapper input:focus,.ssa-parent .content form .input-wrapper select:focus{border-bottom:1px solid #494949}.ssa-parent .content form .multibranch-holder .add-btn{height:auto;background:#001e44;color:#fff;border-radius:5px;padding:10px;cursor:cell}.ssa-parent .content form .multibranch-holder .add-btn:disabled{opacity:0.8}.ssa-parent .content form .multibranch-wrapper{display:grid;grid-template-columns:1fr 0.2fr;margin:10px 5px;align-items:center}.ssa-parent .content form .multibranch-wrapper button{height:auto;background:#001e44;color:#fff;border-radius:5px;padding:10px}.ssa-parent .content form .multibranch-wrapper button:disabled{opacity:0.8}.ssa-parent .content form .full-grid{grid-column:1/3;text-align:center;width:auto}.alert{color:#fff;padding:3px;width:50%;margin:auto;border-radius:5px}.error{background:#ff6b6b}.success{background:#6ae134}@media only screen and (max-width: 480px){.ssa-parent .content form{grid-template-columns:100%}.ssa-parent .content form .input-wrapper{width:auto}.ssa-parent .content form .full-grid{grid-column:1/2}.ssa-parent .content form .multibranch-wrapper{grid-template-columns:50% 35%;justify-content:space-around}.ssa-parent .content form .multibranch-wrapper .input-wrapper input{width:100%;padding:10px 0 10px 5px}}
