.link,body{position:relative;font-family:Hind,sans-serif}.btn-theme,p{line-height:1.4}.btn-theme.active.focus,.btn-theme.active:focus,.btn-theme.focus,.btn-theme:active.focus,.btn-theme:active:focus,.btn-theme:focus,:active,:focus,a,a:active,a:focus,a:hover{outline:0}.link:after,.pricing .pricing-list-item:before{width:9px;height:2px;content:" "}.header .nav-item-child,.link,a,body,em,h1,h2,h3,h4,h5,h6,li,li a,p,span{font-family:Hind,sans-serif}.header .nav-item-hover:after,.link:after,.pricing .pricing-list-item:before,.work .work-overlay:before{content:" "}.back-to-top:focus,.back-to-top:hover,.btn-theme.focus,.btn-theme:focus,.btn-theme:hover,.content-wrapper-link,.header .logo-wrap:focus,.header .logo-wrap:hover,a:active,a:focus,a:hover,h1>a:focus,h2>a:focus,h3>a:focus,h4>a:focus,h5>a:focus,h6>a:focus{text-decoration:none}.back-to-top,.carousel-title,.header .nav-item-child,.link{text-transform:uppercase}html{overflow-x:hidden}body,html,html a{-webkit-font-smoothing:antialiased}p{font-size:15px;font-weight:500;color:#515769;margin-bottom:15px}em,li,li a{font-size:16px;font-weight:500;color:#515769}a{color:#81848f}a:active,a:focus,a:hover{color:#999caa}.link{font-size:13px;font-weight:600}.link:after{position:absolute;top:8px;right:-15px;background:#17bed2}span{font-size:14px;font-weight:400;color:#bfc1c7}h1,h2,h3,h4,h5,h6{font-weight:700;color:#515769;line-height:1.4;margin:0 0 15px}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:#515769}h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{color:#999caa;text-decoration:none}h1{font-size:55px}h2{font-size:30px}.accordion .panel-title,h3,h4{font-size:22px}::selection{color:#fff;background:#17bed2;text-shadow:none}::-webkit-selection{color:#fff;background:#17bed2;text-shadow:none}::-moz-selection{color:#fff;background:#17bed2;text-shadow:none}.section-seperator{border-bottom:0px solid #edf0f2}.content-wrapper-link{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:3}.accordion .panel-default{border:none}.accordion .panel-heading{border-radius:0}.accordion .panel-default>.panel-heading{color:#515769;background:#fff;border:none;padding:0}.accordion .panel-title-child{display:block;padding:30px}.accordion .panel-group .panel+.panel{border-radius:0;margin-top:10px}.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body{font-size:16px;border-top:none;padding:0 30px 30px;margin-top:-1px}.accordion .collapse.in,.accordion [aria-expanded=true]{color:#fff;background:#17bed2}.btn-theme{position:relative;display:inline-block;text-align:center;background-image:none;border-style:solid;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-theme:hover{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.btn-theme.active,.btn-theme:active{background-image:none;outline:0}.btn-theme.disabled,.btn-theme[disabled],fieldset[disabled] .btn-theme{cursor:not-allowed;box-shadow:none;opacity:.65;pointer-events:none}.btn-white-bg{color:#fff;background:#1887b6;border-color:transparent;border-width:0}.btn-white-bg.focus,.btn-white-bg:focus,.btn-white-bg:hover{color:#fff;background:#17bed2;border-color:transparent}.btn-white-brd{color:#fff;background:0 0;border-color:#fff;border-width:2px}.btn-white-brd.focus,.btn-white-brd:focus,.btn-white-brd:hover{color:#515769;background:#fff;border-color:#fff}.btn-default-bg{color:#515769;background:#f3f4f5;border-color:transparent;border-width:0}.btn-default-bg.focus,.btn-default-bg:focus,.btn-default-bg:hover{color:#fff;background:#17bed2;border-color:transparent}.btn-theme-sm{font-size:15px;font-weight:600;border-radius: 0 10px;padding:15px 40px} .pricing{ padding:70px 45px; background:#fff; margin-top:50px; /*border: 1px solid #008bb8;*/ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 4px; i{ font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1rem; } } @media (max-width:768px){.pricing{margin-top:0}}.pricing.pricing-active{padding-top:110px;padding-bottom:110px;margin-top:10px}@media (max-width:768px){.pricing.pricing-active{margin-top:0}}.pricing .pricing-icon{display:block;font-size:60px;color:#1887b6;margin-bottom:30px}.pricing .pricing-list-item{position:relative;font-size:16px;color:#81848f;padding-left:20px;margin-bottom:10px}.pricing .pricing-list-item:before{position:absolute;top:7px;left:0;background:#17bed2;margin-right:10px}.work .work-overlay:before,.work .work-popup-overlay{top:0;width:100%;height:100%;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);left:0}.service{background:#fff;padding:50px}.service .service-element,.service .service-info{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.service .service-icon{display:block;font-size:36px;color:#1887b6;margin-bottom:30px}.service:hover .service-element{opacity:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.service:hover .service-info{-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work{position:relative;display:block}.work .work-overlay{position:relative;cursor:pointer}.work .work-overlay:before{position:absolute;background:0 0}.work:hover .work-overlay:before{background:rgba(0,0,0,.5);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work .work-popup-overlay{position:fixed;right:0;z-index:99999;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-x:hidden;background:rgba(81,87,105,.4)}.work .work-popup-overlay-show{opacity:1;visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work .work-popup-content{position:absolute;top:50%;left:0;right:0;width:730px;height:auto;display:block;background:#fff;padding:30px;margin:0 auto;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.work .work-popup-content-divider{border-right:1px solid #cdcecf}@media (max-width:768px){.work .work-popup-content{width:95%}.work .work-popup-content-divider{border-right:none;border-bottom:1px solid #cdcecf}}.work .work-popup-close{float:right;font-size:13px;font-weight:700;color:#c5c6cb;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work .work-popup-close:hover{color:#aaacb3;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work .work-popup-tag{margin:0}.work .work-popup-tag-item{padding:0 2px}.work .work-popup-tag-link{font-size:13px}.footer .footer-logo{width:100px;height:auto}.footer .footer-list{margin-bottom:0}.footer .footer-list-item{color:#777984;margin-bottom:15px}.footer .footer-list-item:last-child,.header .navbar{margin-bottom:0}.navbar-fixed-top .navbar-collapse{max-height:100%}.header .navbar{border-bottom:1px solid rgba(255,255,255,.2);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .navbar-toggle{width:25px;height:25px;border:none;padding:0;margin:35px 0}.header .navbar-toggle .toggle-icon{position:relative;width:21px;height:1px;display:inline-block;background:#515769;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .navbar-toggle .toggle-icon:after,.header .navbar-toggle .toggle-icon:before{position:absolute;left:0;background:#515769;content:" "}.header .navbar-toggle:hover .toggle-icon,.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{background:#17bed2;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .navbar-toggle .toggle-icon:before{width:10px;height:1px;bottom:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .navbar-toggle .toggle-icon:after{width:16px;height:1px;top:-5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{width:21px;height:1px}.header .navbar-toggle:hover .toggle-icon.is-clicked{background:rgba(81,87,105,0)}.header .logo{width:150px;height:150px;float:left;max-height:95px;line-height:65px}.header .logo-wrap{display:inline-block;padding:15px 0}.header .logo-img{display:inline-block;width:146px;height:auto;max-width:100%;max-height:100%;vertical-align:middle}.header .logo-img-main{display:inline-block;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .logo-img-active{display:none;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .nav-item,.header .nav-item-child{display:block;position:relative}.header .navbar-nav{padding-left:0;margin-bottom:0;list-style:none}.header .nav-item:last-child .nav-item-child{padding-right:0}.header .nav-item .nav-item-hover.active:after,.header .nav-item:hover .nav-item-hover:after{opacity:1;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.back-to-top,.header .nav-item-hover:after{opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .nav-item-child{font-size:13px;font-weight:600;color:#fff;line-height:55px;padding:20px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.header .nav-item-child:focus,.header .nav-item-child:hover{background:0 0}.header .nav-item-hover{position:relative}.header .nav-item-hover:after{position:absolute;top:45px;left:0;width:9px;height:2px;background:#17bed2;transition-duration:.4s}@media (max-width:991px){.header{background:#fff}.header .navbar-toggle{display:block}.header .navbar-collapse.collapse{display:none!important}.header .navbar-collapse.collapse.in{display:block!important}.header .nav-collapse{padding-left:0;padding-right:0}.header .navbar-nav{margin:0;float:none}.header .navbar-nav .nav-item{float:none}.header .menu-container:after,.header .menu-container:before{content:" ";display:table}.header .menu-container:after{clear:both}.header .logo .logo-img-main{display:none}.header .logo .logo-img-active{display:inline-block}.header .nav-item-child{color:#515769;line-height:1.4;padding:12px 12px 12px 15px}.header .nav-item-hover:after{position:absolute;top:19px}}@media (max-width:767px){.header .menu-container{padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}.header .navbar>.container,.header .navbar>.container>.nav-collapse{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.header .navbar>.container{width:auto}}@media (min-width:992px){.header .navbar-nav-right{float:right}.page-on-scroll .header .navbar{background:#fff;border-bottom-color:#f0f0f0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.page-on-scroll .header .logo-img-active,.page-on-scroll .header .logo-img-main{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.page-on-scroll .header .logo-img-main{display:none}.page-on-scroll .header .logo-img-active{display:inline-block}.page-on-scroll .header .nav-item-child{color:#515769;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}}.contact-list>li{font-size:13px;color:#81848f;margin-bottom:10px}.back-to-top{position:fixed;right:10px;bottom:10px;display:inline-block;z-index:9;width:40px;height:40px;font-size:11px;font-weight:400;color:#fff;text-align:center;line-height:3;letter-spacing:1px;background:#515769;border-radius:3px;visibility:hidden;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);transition-duration:.3s}.back-to-top:hover{color:#fff;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.back-to-top.back-to-top-is-visible{visibility:visible;opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.back-to-top.back-to-top-fade-out{opacity:.4}.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.swiper-clients-img,.swiper-clients-img:hover{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.form-control{height:50px;font-size:14px;font-weight:400;color:#a6a7aa;background:#fafafa;border:none;box-shadow:none;border-radius:0;padding-left:15px}.form-control::-moz-placeholder{color:#a6a7aa}.form-control:-ms-input-placeholder{color:#a6a7aa}.form-control::-webkit-input-placeholder{color:#a6a7aa}.form-control:focus{color:#515769;box-shadow:none}.form-control:focus::-moz-placeholder{color:#515769}.form-control:focus:-ms-input-placeholder{color:#515769}.form-control:focus::-webkit-input-placeholder{color:#515769}.full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}.carousel-indicators{left:auto;width:auto;padding-left:0;margin-left:0} .maverixs-main-container{ display: flex; justify-content: center; } .carousel-centered{ position:absolute;display: flex; flex-direction: column; justify-content: center; align-items: center;top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); max-width: 50%; } .carousel-title{font-size:80px;font-weight:700;color:#fff;line-height:1.1}.swiper-slider{position:relative;width:100%;height:100%;overflow:hidden}.swiper-clients-img{display:block;width:190px;height:auto;margin:0 auto;opacity:1;cursor:pointer}.swiper-clients-img:hover{opacity:.8}.color-base{color:#17bed2!important}.color-white{color:#fff!important}.color-heading{color:#515769!important}.color-subtitle{color:#a6a7aa!important}.color-link{color:#81848f!important}.color-link-hover{color:#999caa!important}.color-sky-light{color:#fafafa!important}.bg-color-base{background:#1887b6!important}.bg-color-white{background:#fff!important}.bg-color-heading{background:#515769!important}.bg-color-subtitle{background:#a6a7aa!important}.bg-color-link{background:#81848f!important}.bg-color-link-hover{background:#999caa!important}.bg-color-sky-light{background:#fafafa!important}.row-space-1{margin-right:-1px;margin-left:-1px}.row-space-1>[class*=col-]{padding-left:1px;padding-right:1px}.content{padding-top:30px;padding-bottom:30px}.content-sm{padding-top:50px;padding-bottom:50px}.content-md{padding-top:80px;padding-bottom:80px}.content-lg{padding-top:100px;padding-bottom:100px}.full-width{width:100%;height:auto}.fweight-300{font-weight:300!important}.fweight-400{font-weight:400!important}.fweight-500{font-weight:500!important}.fweight-600{font-weight:600!important}.fweight-700{font-weight:700!important}.margin-l-0{margin-left:0!important}.margin-l-5{margin-left:5px!important}.margin-l-10{margin-left:10px!important}.margin-l-20{margin-left:20px!important}.margin-r-0{margin-right:0!important}.margin-r-5{margin-right:5px!important}.margin-r-10{margin-right:10px!important}.margin-r-20{margin-right:20px!important}.margin-t-0{margin-top:0!important}.margin-t-5{margin-top:5px!important}.margin-t-10{margin-top:10px!important}.margin-t-20{margin-top:20px!important}.margin-t-30{margin-top:30px!important}.margin-t-40{margin-top:40px!important}.margin-t-50{margin-top:50px!important}.margin-t-60{margin-top:60px!important}.margin-b-0{margin-bottom:0!important}.margin-b-2{margin-bottom:2px!important}.margin-b-5{margin-bottom:5px!important}.margin-b-10{margin-bottom:10px!important}.margin-b-20{margin-bottom:20px!important}.margin-b-30{margin-bottom:30px!important}.margin-b-40{margin-bottom:40px!important}.margin-b-50{margin-bottom:50px!important}.margin-b-60{margin-bottom:60px!important}.margin-b-70{margin-bottom:70px!important}.margin-b-80{margin-bottom:80px!important}.margin-b-90{margin-bottom:90px!important}.margin-b-100{margin-bottom:100px!important}@media (max-width:992px){.md-margin-t-0{margin-top:0!important}.md-margin-t-5{margin-top:5px!important}.md-margin-t-10{margin-top:10px!important}.md-margin-t-20{margin-top:20px!important}.md-margin-t-30{margin-top:30px!important}.md-margin-t-40{margin-top:40px!important}.md-margin-t-50{margin-top:50px!important}.md-margin-t-60{margin-top:60px!important}.md-margin-b-0{margin-bottom:0!important}.md-margin-b-2{margin-bottom:2px!important}.md-margin-b-5{margin-bottom:5px!important}.md-margin-b-10{margin-bottom:10px!important}.md-margin-b-20{margin-bottom:20px!important}.md-margin-b-30{margin-bottom:30px!important}.md-margin-b-40{margin-bottom:40px!important}.md-margin-b-50{margin-bottom:50px!important}.md-margin-b-60{margin-bottom:60px!important}.md-margin-b-70{margin-bottom:70px!important}.md-margin-b-80{margin-bottom:80px!important}.md-margin-b-90{margin-bottom:90px!important}.md-margin-b-100{margin-bottom:100px!important}}@media (max-width:768px){.carousel-title{font-size:20px}.sm-margin-t-0{margin-top:0!important}.sm-margin-t-5{margin-top:5px!important}.sm-margin-t-10{margin-top:10px!important}.sm-margin-t-20{margin-top:20px!important}.sm-margin-t-30{margin-top:30px!important}.sm-margin-t-40{margin-top:40px!important}.sm-margin-t-50{margin-top:50px!important}.sm-margin-t-60{margin-top:60px!important}.sm-margin-b-0{margin-bottom:0!important}.sm-margin-b-2{margin-bottom:2px!important}.sm-margin-b-5{margin-bottom:5px!important}.sm-margin-b-10{margin-bottom:10px!important}.sm-margin-b-20{margin-bottom:20px!important}.sm-margin-b-30{margin-bottom:30px!important}.sm-margin-b-40{margin-bottom:40px!important}.sm-margin-b-50{margin-bottom:50px!important}.sm-margin-b-60{margin-bottom:60px!important}.sm-margin-b-70{margin-bottom:70px!important}.sm-margin-b-80{margin-bottom:80px!important}.sm-margin-b-90{margin-bottom:90px!important}.sm-margin-b-100{margin-bottom:100px!important}}@media (max-width:480px){.xs-margin-t-0{margin-top:0!important}.xs-margin-t-5{margin-top:5px!important}.xs-margin-t-10{margin-top:10px!important}.xs-margin-t-20{margin-top:20px!important}.xs-margin-t-30{margin-top:30px!important}.xs-margin-t-40{margin-top:40px!important}.xs-margin-t-50{margin-top:50px!important}.xs-margin-t-60{margin-top:60px!important}.xs-margin-b-0{margin-bottom:0!important}.xs-margin-b-2{margin-bottom:2px!important}.xs-margin-b-5{margin-bottom:5px!important}.xs-margin-b-10{margin-bottom:10px!important}.xs-margin-b-20{margin-bottom:20px!important}.xs-margin-b-30{margin-bottom:30px!important}.xs-margin-b-40{margin-bottom:40px!important}.xs-margin-b-50{margin-bottom:50px!important}.xs-margin-b-60{margin-bottom:60px!important}.xs-margin-b-70{margin-bottom:70px!important}.xs-margin-b-80{margin-bottom:80px!important}.xs-margin-b-90{margin-bottom:90px!important}.xs-margin-b-100{margin-bottom:100px!important}}.height-100{height:100px!important}.height-200{height:200px!important}.height-300{height:300px!important}.benefits { width: 100%; background: #151d2d; } .benefits__inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1140px; margin: 0 auto; padding: 60px 0; } .benefits__header { width: 100%; text-align: center; line-height: 1.3; padding: 0 15px 60px; color: #e2e2e2; font-size: 2rem; text-transform: uppercase; } .benefits__element { width: 30%; } .benefits__icon { display: block; width: 100px; height: 100px; margin: 0 auto; margin-bottom: 20px; } .benefits__element p { color: #cdcdcd; text-align: center; line-height: 1.3; } .benefits__number { font-size: 2.5rem; font-weight: 700; margin-bottom: 20px } .benefits__title { font-size: 2rem; } .sdk { text-align: center; } .plus { } .plus:after { content: "+" } .perc { } .perc:after { content: "%" } .site-footer { width: 100%; padding: 10px 0 0; -webkit-background-size: inherit; background: #ffffff; /*background-image: -webkit-radial-gradient(bottom left, circle, #19315B 0%, #8ec1ed 100%);*/ /*background-image: -o-radial-gradient(bottom left, circle, #19315B 0%, #8ec1ed 100%);*/ /*background-image: radial-gradient(circle at bottom left, #19315B 0%, #8ec1ed 100%);*/ color: #fff; } @media (min-width: 1200px) { .fsn { width: 100vw; height: 100vh; position: relative; } .fsn>.section-seperator { position: absolute; top:50%; left:50%; transform: translate(-50%,-40%); } } .bgn { background-image:linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), url('img/1920x1080/01.jpg'); } /* Reset and base styles */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-color: #0092c9; --secondary-color: #1e40af; --text-color: #1f2937; --light-text: #6b7280; --background: #ffffff; --section-bg: #f3f4f6; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--text-color); } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } /* Header and Navigation */ /*header {*/ /* position: fixed;*/ /* width: 100%;*/ /* top: 0;*/ /* background: rgba(255, 255, 255, 0.95);*/ /* backdrop-filter: blur(5px);*/ /* z-index: 1000;*/ /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/ /*}*/ nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; } .logo { font-size: 1.8rem; font-weight: 700; color: var(--primary-color); } .nav-links { display: flex; list-style: none; gap: 2rem; } .nav-links a { text-decoration: none; color: var(--text-color); font-weight: 500; transition: color 0.3s ease; } .nav-links a:hover { color: var(--primary-color); } .hamburger { display: none; flex-direction: column; gap: 6px; cursor: pointer; } .hamburger span { width: 25px; height: 2px; background: var(--text-color); transition: 0.3s ease; } /* Hero Section */ .hero { padding: 8rem 0 4rem; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); text-align: center; } .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1rem; background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); -webkit-background-clip: text; color: transparent; } .hero h2 { font-size: 2rem; color: var(--text-color); margin-bottom: 1.5rem; } .hero p { font-size: 1.2rem; color: var(--light-text); max-width: 600px; margin: 0 auto 2rem; } .cta-button { display: inline-block; padding: 1rem 2.5rem; background: var(--primary-color); color: white; text-decoration: none; border-radius: 8px; font-weight: 600; transition: transform 0.3s ease, background-color 0.3s ease; } .cta-button:hover { background: var(--secondary-color); transform: translateY(-2px); } /* Features Section */ .features { padding: 6rem 0; background: var(--background); } .features h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .feature-card { padding: 2rem; background: white; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; /*text-align: center;*/ padding: 70px 45px; .feature-card-header{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 150px; } } .feature-card:hover { transform: translateY(-5px); } .feature-card i { font-size: 3.5rem; color: var(--primary-color); margin-bottom: 1rem; } .feature-card h3 { font-size: 1.5rem; margin-bottom: 1rem; } .feature-card .pricing-list-item{ position:relative; font-size:16px; /*color:#81848f;*/ padding-left:20px; margin-bottom:10px; } .why-us-header{ margin-top: 20px; display: flex; justify-content: center; align-items: center; } /* Stats Section */ .stats { padding: 6rem 0; background: var(--section-bg); } .stats h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; } .stat-card { text-align: center; padding: 2rem; background: white; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .stat-card .number { display: block; font-size: 3rem; font-weight: 700; color: var(--primary-color); margin-bottom: 0.5rem; } .stat-card .label { font-size: 1.1rem; color: var(--light-text); } /* Contact Section */ .contact { padding: 6rem 0; background: var(--background); } .contact h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .contact-content { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; } .contact-info { padding: 2rem; } .contact-info h3 { font-size: 1.5rem; margin-bottom: 1.5rem; } .contact-info p { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .social-links { display: flex; gap: 1rem; margin-top: 2rem; } .social-icon { font-size: 1.5rem; color: var(--primary-color); transition: color 0.3s ease; } .social-icon:hover { color: var(--secondary-color); } .contact-form { display: grid; gap: 1.5rem; } .form-group input, .form-group textarea { width: 100%; padding: 1rem; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 1rem; transition: border-color 0.3s ease; } .form-group textarea { height: 150px; resize: vertical; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--primary-color); } .submit-button { padding: 1rem 2rem; background: var(--primary-color); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; } .submit-button:hover { background: var(--secondary-color); } /* Footer */ footer { background: var(--text-color); color: white; padding: 2rem 0; } .footer-content { text-align: center; } .footer-logo { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; } /* Responsive Design */ @media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } .hero h1 { font-size: 2.5rem; } .hero h2 { font-size: 1.5rem; } .contact-content { grid-template-columns: 1fr; } .contact-info { text-align: center; } .social-links { justify-content: center; } }