Repository navigation
Expand file tree
/
Copy pathstyles.css
More file actions
15 lines (15 loc) · 15.7 KB
/
Copy pathstyles.css
File metadata and controls
15 lines (15 loc) · 15.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sumana:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&display=swap);*{padding:0;margin:0;box-sizing:border-box;list-style:none;scroll-behavior:smooth;text-decoration:none}:root{--text-color:#272525;--hover-color:#005EB8;--bg-color:#FFFFFF;--secon-bg-color:#F5FAFF;--big-font:2.5rem;--normal-font:2rem;--button-color:#FFD546;--button-hover-color:#E6C13C;--neon-box-shadow:0 0 .5rem #005EB8;--h2-font:3rem;--font-neon-text-shadow:0 0 10px rgba(0, 94, 184, 0.3),
0 0 20px rgba(0, 94, 184, 0.3),
0 0 30px rgba(0, 94, 184, 0.3),
0 0 40px rgba(0, 94, 184, 0.3),
0 0 70px rgba(0, 94, 184, 0.3),
0 0 80px rgba(0, 94, 184, 0.3),
0 0 100px rgba(0, 94, 184, 0.3),
0 0 150px rgba(0, 94, 184, 0.3);--font-yellow-box-shadow:0 0 10px rgba(230, 193, 60, 0.3),
0 0 20px rgba(230, 193, 60, 0.3),
0 0 30px rgba(230, 193, 60, 0.3),
0 0 40px rgba(230, 193, 60, 0.3),
0 0 70px rgba(230, 193, 60, 0.3),
0 0 80px rgba(230, 193, 60, 0.3),
0 0 100px rgba(230, 193, 60, 0.3),
0 0 150px rgba(230, 193, 60, 0.3)}body{font-family:"Poppins",sans-serif;background-color:var(--bg-color);color:var(--text-color)}header{display:flex;align-items:center;justify-content:space-between;width:100%}.logog{padding-left:4%}.logo img{width:330px;height:120px}.navlist{display:flex;padding-right:20%;justify-content:space-around;flex-wrap:wrap;align-items:center;font-size:16px;margin-top:2em}.navlist a{color:var(--text-color);font-weight:500;padding:10px 20px}.navlist a:hover{color:var(--hover-color);text-shadow:0 0 10px rgb(0 94 184 / .4),0 0 20px rgb(0 94 184 / .4),0 0 30px rgb(0 94 184 / .4),0 0 40px rgb(0 94 184 / .4),0 0 70px rgb(0 94 184 / .4),0 0 80px rgb(0 94 184 / .4),0 0 100px rgb(0 94 184 / .4),0 0 150px rgb(0 94 184 / .4)}.language-switcher{position:fixed;top:50px;right:5px;display:inline-block;margin-right:1em;z-index:1000}.language-text{font-family:'Poppins',sans-serif;color:#333}.language-button{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;padding:10px 15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:150px}.language-button .arrow-icon{width:15px;height:15px}.language-dropdown{position:absolute;top:50px;left:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:150px;box-shadow:0 4px 8px rgb(0 0 0 / .1);z-index:1}.language-option{padding:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.language-option:hover{background-color:#f0f0f0}.language-option img{width:20px;height:20px}.hidden{display:none}.flag-icon{width:20px;height:20px;margin-left:5px;vertical-align:middle}#menu-icon{font-size:1.8rem;z-index:10001;cursor:pointer;margin-left:25px;background:var(--hover-color);border-radius:3px;color:var(--secon-bg-color);display:none}section{padding:50px 10%}.home{min-height:70vh;height:100%;width:100%;background-color:var(--hover-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4em}.home-content{max-width:700px}.main-title{line-height:1.2;margin-bottom:32px}.home-content h1{font-family:"Sumana",serif;font-size:48px;font-weight:400;line-height:1.5;color:var(--bg-color)}.main-paragraph{color:var(--bg-color);padding-bottom:50px}.btn-box{display:flex;justify-content:space-between;width:100%}.btn-box a{font-size:90%}.btn-box a.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;width:250px;height:100%;background:var(--button-hover-color);color:var(--text-color);font-weight:600;transition:.6s;border-radius:5px;margin:0 5px;border:2px solid #272525;border-radius:5px}.home-image{position:relative}.img-box{text-align:center;display:block;flex-direction:column}.img-box img{width:100%;min-width:400px;max-width:617px;height:auto}.services-title h2{color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;text-align:left;margin-bottom:2rem}.section-services{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.service-box{background-color:#FFFBEC;display:flex;flex-direction:column;align-items:center;width:calc(50% - 2rem);padding:32px;border-radius:8px;transition:transform 0.3s ease}.service-box:hover{transform:translateY(-10px)}.service-img{height:auto;align-items:center;display:flex;justify-content:center;margin-bottom:16px;overflow:hidden}.service-img img{display:inline-block;height:100%;width:auto}.service-content{text-align:center}.service-content h3{font-size:24px;margin-bottom:1rem}.service-content p{font-size:16px;line-height:1.5;margin-bottom:1.5rem}.service-content .btn-box{justify-content:center;display:flex}.service-content .btn{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .35}.service-content .btn:hover{background-color:#0056b3}.portfolio{background-color:var(--bg-color);min-height:70vh;width:100%;display:block;align-items:center;gap:4em;margin:0 auto}.portfolio-title{margin-right:0}.portfolio-title h2{color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;text-align:left;margin-bottom:2rem}.section-portfolio{display:flex;flex-wrap:wrap;gap:16px}.portfolio-box-1,.portfolio-box-2,.portfolio-box-3,.portfolio-box-4,.portfolio-box-5{display:flex;gap:16px;width:100vw;padding:16px;box-sizing:border-box}.portfolio-box-1{flex-direction:row;background-color:#F0F8FF}.portfolio-box-2{flex-direction:row-reverse;background-color:#E6E6FA}.portfolio-box-3{flex-direction:row;background-color:#DEF3FA}.portfolio-box-4{flex-direction:row-reverse;background-color:#F0FFF0}.portfolio-box-5{flex-direction:row;background-color:beige}.portfolio-img{flex:1;align-items:center;justify-content:left;overflow:hidden}.portfolio-img img{display:block;height:420px;width:100%;object-fit:contain}.portfolio-parr{flex:1;display:flex;flex-direction:column}.hastags-links a{margin-right:8px;margin-left:20px;color:#1DA1F2;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;text-decoration:none;background-color:#E8F5FD;padding:4px 8px;border-radius:12px;border:2px solid #004484}.hastags-links a:hover{background-color:#cfe8fb;color:#1A91DA}.btn-box-2{display:flex;justify-content:center;margin-top:16px}.btn-box-2 .btn{background-color:var(--button-color);padding:8px 16px;color:#004484;border:3px solid #004484;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;font-weight:700;position:relative}.btn-box-2 .btn:hover{background-color:var(--button-hover-color)}.btn-box-2 .btn::after{content:'→';margin-left:8px}.portfolio-parr h3,.portfolio-parr p{font-family:'Open Sans',sans-serif}.portfolio-parr h3{font-size:1.5rem;margin-bottom:.5rem;margin-top:20px}.portfolio-parr p{font-size:1rem;margin-bottom:1rem}.use-cases{background-color:var(--bg-color);padding:40px;position:relative}.use-cases-title{text-align:center;margin-bottom:40px}.use-cases-title h2{color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline::after{content:'';position:absolute;width:6px;background-color:#004484;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.container::after{content:'';position:absolute;width:12.5px;height:12.5px;right:-10.5px;background-color:#fff;border:4px solid #004484;top:15px;border-radius:50%;z-index:1;transition:background-color 0.3s}.container:hover::after{background-color:#de5034}.left{left:0}.right{left:50%}.left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #f2f2f2;border-width:10px 0 10px 10px;border-color:#fff0 #fff0 #fff0 #f2f2f2}.right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #f2f2f2;border-width:10px 10px 10px 0;border-color:#fff0 #f2f2f2 #fff0 #fff0}.right::after{left:-10.5px}.content{padding:20px 30px;background-color:#f2f2f2;position:relative;border-radius:6px}.content h3{font-size:20px;margin-bottom:10px}.content p{font-size:14px;text-align:justify}.left .content h3,.left .content p{margin-left:10px}.right .content p{margin-right:10px}.circle{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;border-radius:50%;background-color:#48a248;display:flex;justify-content:center;align-items:center;z-index:2}.left .circle{left:-40px}.right .circle{right:-40px}.circle i{font-size:40px;color:#fff}.data-science{background-color:#FFF;padding:50px 10%;text-align:center}.data-science-title h2{color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;text-align:left;margin-bottom:2rem}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-content:center}.use-case-item{background-color:#FFFBEC;padding:20px;border-radius:8px;transition:transform 0.3s ease}.use-case-item:hover{transform:translateY(-10px)}.icon-container{display:flex;justify-content:center;margin-bottom:10px}.icon-container img{width:50px;height:50px}.use-case-item h3{font-size:24px;margin-bottom:10px}.use-case-item p{font-size:16px;line-height:1.5}.contact-container{margin-top:30px;padding:20px;background-color:#FAFADE;border-radius:8px;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.contact-container p{font-size:18px;margin-bottom:16px}.contact-container .btn{display:inline-block;padding:10px 20px;background-color:#004484;color:#FFF;font-size:16px;font-weight:600;border-radius:5px;transition:background-color 0.3s ease;text-decoration:none}.contact-container .btn:hover{background-color:#036}.technologies{padding:50px 5%;text-align:center;background-color:var(--bg-color)}.technologies-header p{font-size:16px;line-height:1.5;text-align:left;margin-bottom:2rem}.technologies-header h2{color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;text-align:left;margin-bottom:2rem}.methods{margin:3rem 0}.methods h3{font-size:28px;margin-bottom:2rem;color:#004484}.method-container{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.method-box{background-color:#fff;border-radius:8px;padding:20px;width:calc(33.333% - 16px);text-align:left;border:2px solid var(--text-color);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.method-box h4{font-size:22px;margin-bottom:1rem;color:#005EB8}.method-box ul{list-style-type:none;padding:0}.method-box ul li{margin-bottom:.5rem;position:relative;padding-left:20px}.method-box ul li::before{content:"•";position:absolute;left:0;color:#005EB8;font-weight:700}.method-box ul li span{font-weight:700}.technologies-list{margin-top:3rem}.technologies-list h3{font-size:28px;margin-bottom:2rem;color:#004484}.tech-container{background-color:#D6EFFF;padding:20px;border-radius:8px;max-width:90%;margin:0 auto}.tech-box{margin-bottom:2rem}.tech-box h4{font-size:22px;margin-bottom:1rem;color:#005EB8;text-align:center}.tech-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tech-logos img{width:105px;height:66px;transition:transform 0.3s ease}.tech-logos img:hover{transform:scale(1.1);cursor:pointer}.t-popup{position:absolute;background-color:#fff;padding:15px;border:1px solid #ccc;box-shadow:0 4px 12px rgb(0 0 0 / .2);display:none;z-index:100;width:300px;text-align:left;border-radius:8px}.t-popup hr{margin:10px 0}.t-popup p{margin:5px 0}.t-popup button{background-color:var(--button-color);padding:8px 16px;color:#004484;border:3px solid #004484;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;font-weight:700;position:relative;font-family:"Poppins",sans-serif;margin-top:8px;transition:background-color 0.2s ease}.t-popup button:hover{background-color:var(--button-hover-color)}.t-popup button:after{content:'→';margin-left:8px}.t-popup.active{display:block}.costs{text-align:center;padding:2em 0}.costs h2{text-align:center;color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;margin-bottom:2rem}.costs p{font-family:Arial,sans-serif;font-size:18px;margin-bottom:2rem}.cost-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.cost-item{width:420px;padding:1.5em;border:1px solid #ddd;border-radius:10px;text-align:left;background-color:#f9f9f9;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease}.cost-item:hover{transform:translateY(-5px)}.cost-item h3{font-family:"Sumana",serif;font-size:20px;color:#333}.cost-item p{font-family:Arial,sans-serif;font-size:16px;margin:1em 0}.cost-amount{font-weight:700;color:#004484}.details-toggle .show-details{color:#004484;text-transform:uppercase;font-size:14px;font-weight:700;cursor:pointer}.details{display:none;margin-top:1em;opacity:0;transition:opacity 0.3s ease}.details.active{display:block;opacity:1}.details ul{list-style:none;padding:0}.details li{font-family:Arial,sans-serif;font-size:14px;margin-bottom:.5em}.details li:before{content:"•";color:#004484;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.footer{background-color:#004484;color:#fff;padding:40px 0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section{flex:1;margin-bottom:20px;min-width:200px;margin-right:1.5rem}.footer-section h3{font-size:18px;margin-bottom:15px}.footer-section ul{list-style-type:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#fff;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.social-icons{display:flex;gap:10px}.social-icon{color:#fff;font-size:24px}.footer-bottom{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .1)}.share-widget{display:flex;flex-direction:column;align-items:flex-start}.social-share{margin-top:10px;text-align:left;font-family:"Poppins",sans-serif}.social-share a{color:#fff;background-color:#004484;font-weight:600;text-decoration:none;padding:10px 15px;border-radius:5px;margin:5px 0;transition:background-color 0.3s ease,transform 0.3s ease;display:inline-block}.social-share a:hover{background-color:#036;transform:translateY(-3px)}.contact{padding:40px 20px;text-align:center}.contact h2{text-align:center;color:#004484;font-family:"Sumana",serif;font-size:36px;font-weight:400;line-height:1.25;margin-bottom:2rem}.contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;max-width:600px;padding:20px;border-radius:5px}.contact input,.contact textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:3px}.contact button{background-color:#007bff;color:#fff;padding:10px;border:none;cursor:pointer;border-radius:5px}.contact button:hover{background-color:#0069d9}@media (max-width:992px){.method-box{width:calc(50% - 16px)}}@media (max-width:768px){.header .navlist li a{font-size:14px}.home-content,.home-image{width:100%;text-align:center}.home-image img{width:80%}.service-box{width:100%}.portfolio-box-1,.portfolio-box-2,.portfolio-box-3,.portfolio-box-4,.portfolio-box-5{flex-direction:column}.portfolio-img{width:100%}.portfolio-parr{width:100%;padding:0 20px}.btn-box-2{margin-top:16px;justify-content:center}.use-case-grid{grid-template-columns:repeat(2,1fr)}.method-box{width:100%}.footer-content{flex-direction:column}.footer-section{margin-bottom:30px}}@media (max-width:480px){.header .navlist li a{font-size:12px}.use-case-grid{grid-template-columns:1fr}.method-box{width:100%}}@media screen and (max-width:600px){.timeline::after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container::before{left:60px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:#fff0 #fff #fff0 #fff0}.left::after,.right::after{left:15px}.right{left:0%}.left .circle,.right .circle{left:15px;right:auto;transform:translateY(-50%)}}