D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
thread-self
/
cwd
/
front
/
scss
/
Filename :
layout.css
back
Copy
@font-face{font-family:"Circular Std";font-style:normal;font-weight:400;src:url(../fonts/circular-std-book.ttf) format("truetype");font-display:swap}@font-face{font-family:"Circular Std";font-style:normal;font-weight:500;src:url(../fonts/circular-std-bold.ttf) format("truetype");font-display:swap}@font-face{font-family:"Circular Std";font-style:normal;font-weight:600;src:url(../fonts/circular-std-black.ttf) format("truetype");font-display:swap}body{font-family:"Circular Std";font-weight:400}ul{list-style:none;padding-left:0}.btn-primary{color:#fff}.text-gray-100{color:#747b81}.text-gray-200{color:#5d656c}.text-gray-300{color:#464f57}.text-gray-400{color:#2f3942}.text-blue-100{color:#ccd4e4}h1{font-size:3.125rem;font-weight:500}@media(max-width: 991px){h1{font-size:2.5rem}}h2{font-size:2.25rem;font-weight:400}@media(max-width: 767px){h2{font-size:1.875rem}}h3{font-size:1.75rem;font-weight:400;color:#18232d}h4{font-size:1.375rem}h5{font-size:1.25rem}@media(max-width: 991px){h5{font-size:1.125rem}}.form-control{border:1px solid #ccd4e4;border-radius:.625rem;height:50px;box-shadow:none}.form-control::-moz-placeholder{color:#747b81}.form-control:-ms-input-placeholder{color:#747b81}.form-control::placeholder{color:#747b81}.form-control:focus{box-shadow:none}.fs-18{font-size:1.125rem}@media(max-width: 767px){.fs-18{font-size:1rem}}.border{border-color:#ccd4e4 !important}.rounded-20{border-radius:1.25rem}.padding-t-100px{padding-top:100px}@media(max-width: 991px){.padding-t-100px{padding-top:50px}}.padding-b-100px{padding-bottom:100px}@media(max-width: 991px){.padding-b-100px{padding-bottom:50px}}.margin-t-100px{margin-top:100px}@media(max-width: 991px){.margin-t-100px{margin-top:50px}}.margin-b-100px{margin-bottom:100px}@media(max-width: 991px){.margin-b-100px{margin-bottom:50px}}.margin-t-80px{margin-top:80px}@media(max-width: 991px){.margin-t-80px{margin-top:50px}}.margin-b-80px{margin-bottom:80px}@media(max-width: 991px){.margin-b-80px{margin-bottom:50px}}header{position:absolute;width:100%;left:0;right:0;margin:auto;padding-top:20px;padding-bottom:20px}header .header-logo{width:auto;height:60px}header .dropdown .dropdown-toggle{color:#747b81;font-size:1rem;padding:.5rem 0}header .dropdown .dropdown-toggle:hover{color:#00c577}header .dropdown .dropdown-toggle:after{border:0;margin-left:10px;font-family:"Font Awesome 6 Free";font-weight:900;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);content:"";vertical-align:middle}header .dropdown .dropdown-item{color:#747b81;padding:8px 25px}header .dropdown .dropdown-item:hover,header .dropdown .dropdown-item:focus{color:#00c577;background-color:transparent}@media(max-width: 991px){.navbar{position:static}}.navbar .navbar-nav .nav-link{color:#747b81}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:hover{color:#00c577}@media(max-width: 991px){.navbar .navbar-toggler{box-shadow:none}}@media(max-width: 991px){.navbar .navbar-collapse{position:absolute;width:100%;top:calc(100% - 10px);background:#fff;left:0px;right:0px;margin:auto;max-width:720px;border-radius:.625rem;box-shadow:0px 0px 20px rgba(173,181,189,.1)}}@media(max-width: 767px)and (min-width: 576px){.navbar .navbar-collapse{max-width:516px}}@media(max-width: 575px){.navbar .navbar-collapse{width:calc(100% - 24px)}}@media(max-width: 991px){.navbar .navbar-collapse .navbar-nav{padding:10px}}.hero-section{background:linear-gradient(180deg, #e4f7ff 0%, #ffffff 100%);padding-top:100px}@media(max-width: 991px){.hero-section{padding-top:120px}}.heading{position:relative}.heading::after{position:absolute;content:"";height:4px;background:#00c577;bottom:-15px;display:inline-block;width:60px;left:0;right:0;margin:auto}.features-section__block{margin-top:12px;margin-bottom:12px}@media(min-width: 1400px){.features-section__block{margin-top:20px;margin-bottom:20px}}.features-section__features-icon{width:70px;height:70px;background-color:#002879;border-radius:.625rem;margin-bottom:30px}.features-section__features-inner{padding:25px;height:100%}@media(min-width: 1400px){.features-section__features-inner{padding:40px}}@media(min-width: 992px){.about-section .about-content{background-color:#e4f7ff;display:block;width:1000vh;padding-top:95px;padding-bottom:95px}}@media(max-width: 1399px)and (min-width: 992px){.about-section .about-content{padding-top:50px;padding-bottom:50px}}@media(min-width: 992px){.about-section .about-content p{max-width:440px}}@media(min-width: 992px){.about-section__about-right-content{float:left;margin-left:-40px;padding-left:150px}}@media(max-width: 1399px)and (min-width: 992px){.about-section__about-right-content{padding-left:50px}}@media(min-width: 992px){.about-section__about-left-content{float:right;margin-right:-40px;padding-right:234px}}@media(max-width: 1399px)and (min-width: 1200px){.about-section__about-left-content{padding-right:144px}}@media(max-width: 1299px)and (min-width: 992px){.about-section__about-left-content{padding-right:136px}}.pricing-plan-section{background-color:#f8f8f8}@media(min-width: 992px){.pricing-plan-section .pricing-plan-card{margin:0 20px}}@media(max-width: 991px)and (min-width: 576px){.pricing-plan-section .pricing-plan-card{margin:0 10px}}.pricing-plan-section .pricing-plan-card h3{color:#18232d}.pricing-plan-section .pricing-plan-card label{color:#747b81}.pricing-plan-section .pricing-plan-card .pricing{background:#e4f7ff;color:#002879;padding:10px;border-radius:50px;min-width:245px;width:auto}.pricing-plan-section .pricing-plan-card .check-box{width:20px;height:20px;display:inline-block;border-radius:50%;font-size:14px;margin-right:20px;text-align:center}.pricing-plan-section .pricing-plan-card .active-check{color:#18232d}.pricing-plan-section .pricing-plan-card .active-check .check-box{background-color:#00c577;color:#fff}.pricing-plan-section .pricing-plan-card .unactive-check{color:#747b81}.pricing-plan-section .pricing-plan-card .unactive-check .check-box{background-color:#747b81;color:#fff}.pricing-plan-section .pricing-plan-card .pricing-plan-features{max-width:270px}.pricing-plan-section .pricing-plan-card .pricing-plan-features li{margin-bottom:24px}.pricing-plan-section .pricing-plan-card .pricing-plan-features li:last-child{margin-bottom:0}.pricing-plan-section .pricing-plan-card.card.slick-current{background-color:#002879}@media(min-width: 576px){.pricing-plan-section .pricing-plan-card.card.slick-current{margin-top:-40px}}.pricing-plan-section .pricing-plan-card.card.slick-current h3{color:#fff}.pricing-plan-section .pricing-plan-card.card.slick-current label{color:#99a9c9}.pricing-plan-section .pricing-plan-card.card.slick-current .active-check{color:#fff}.pricing-plan-section .pricing-plan-card.card.slick-current .active-check .check-box{background-color:#00c577;color:#002879}.pricing-plan-section .pricing-plan-card.card.slick-current .unactive-check{color:#99a9c9}.pricing-plan-section .pricing-plan-card.card.slick-current .unactive-check .check-box{background-color:#99a9c9;color:#002879}@media(max-width: 1500px){.pricing-plan-section .slick-list{max-width:1120px;margin:auto}}@media(max-width: 1399px){.pricing-plan-section .slick-list{max-width:900px}}@media(max-width: 1199px){.pricing-plan-section .slick-list{max-width:700px}}@media(max-width: 991px){.pricing-plan-section .slick-list{max-width:600px}}.pricing-plan-section .slick-track{padding:40px 0}@media(max-width: 991px){.pricing-plan-section .slick-track{padding-top:60px}}@media(max-width: 575px){.pricing-plan-section .slick-track{padding:10px 0 30px}}.pricing-plan-section .slick-arrow{height:60px;width:120px;border-radius:150px 150px 0 0;background-color:#ccd4e4}@media(max-width: 991px){.pricing-plan-section .slick-arrow{height:40px;width:80px}}.pricing-plan-section .slick-arrow::before{font-family:"Font Awesome 6 Free";font-weight:900;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);color:#002879}.pricing-plan-section .slick-prev{left:-180px;transform:rotate(-90deg)}@media(max-width: 1600px){.pricing-plan-section .slick-prev{left:-120px}}@media(max-width: 1500px)and (min-width: 1400px){.pricing-plan-section .slick-prev{left:-25px}}@media(max-width: 1399px)and (min-width: 992px){.pricing-plan-section .slick-prev{left:-30px}}@media(max-width: 991px){.pricing-plan-section .slick-prev{left:-40px}}.pricing-plan-section .slick-prev::before{content:"";transform:rotate(90deg)}.pricing-plan-section .slick-next{right:-180px;transform:rotate(90deg)}@media(max-width: 1600px){.pricing-plan-section .slick-next{right:-120px}}@media(max-width: 1500px)and (min-width: 1400px){.pricing-plan-section .slick-next{right:-25px}}@media(max-width: 1399px)and (min-width: 992px){.pricing-plan-section .slick-next{right:-30px}}@media(max-width: 991px){.pricing-plan-section .slick-next{right:-40px}}.pricing-plan-section .slick-next::before{content:"";transform:rotate(-90deg)}.pricing-plan-section .slick-dots li{width:auto;height:auto}.pricing-plan-section .slick-dots li button{width:8px;height:8px;border-radius:50%;background-color:#99a9c9}.pricing-plan-section .slick-dots li button::before{font-size:0;width:auto;height:auto;right:0;margin:auto}.pricing-plan-section .slick-dots li.slick-active button{width:14px;height:14px;background-color:#002879}.testimonial-section{padding-bottom:160px}@media(max-width: 991px){.testimonial-section{padding-bottom:120px}}.testimonial-section__testimonial-block{max-width:840px}.testimonial-section__testimonial-card{padding:80px 40px 40px;margin-bottom:40px}@media(max-width: 767px){.testimonial-section__testimonial-card{padding:50px 20px 20px}}.testimonial-section__testimonial-card .quotation-mark{position:absolute;right:50px;top:-34px}.testimonial-section .profile-box .profile-name{font-size:1.25rem}.testimonial-section .profile-box .profile-img{width:80px;height:80px}@media(max-width: 767px){.testimonial-section .profile-box .profile-img{width:50px;height:50px}}.testimonial-section .slick-track{padding-top:40px}.testimonial-section .slick-prev,.testimonial-section .slick-next{background-color:#002879;border-color:#002879;width:60px;height:60px;border-radius:50%;transform:translate(0, 0);top:100%;bottom:auto}.testimonial-section .slick-prev::before,.testimonial-section .slick-next::before{font-family:"Font Awesome 6 Free";font-weight:900;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);color:#fff;opacity:1}.testimonial-section .slick-prev{left:350px}@media(max-width: 991px){.testimonial-section .slick-prev{left:275px}}@media(max-width: 767px){.testimonial-section .slick-prev{left:28%}}.testimonial-section .slick-prev::before{content:""}.testimonial-section .slick-next{right:350px}@media(max-width: 991px){.testimonial-section .slick-next{right:275px}}@media(max-width: 767px){.testimonial-section .slick-next{right:28%}}.testimonial-section .slick-next::before{content:""}.contact-section{background:url(../images/contact-bg.png) no-repeat center;background-size:cover;display:block}.contact-section .contact-info__block{margin-bottom:60px}@media(max-width: 575px){.contact-section .contact-info__block{margin-bottom:30px}}.contact-section .contact-info__contact-icon{min-width:60px;width:60px;height:60px;margin-right:20px;background-color:#002879;border-top-left-radius:.625rem;border-bottom-left-radius:.625rem;border-top-right-radius:.625rem}.contact-section .contact-info__contact-label{font-size:1.25rem}@media(max-width: 480px){.contact-section .contact-info__contact-label{font-size:1.125rem}}.contact-section .contact-form__input-block{margin-bottom:20px}.contact-section .contact-form .form-textarea{height:130px}.subscribe-section__subscribe-inner{background:url(../images/subscribe.png) no-repeat center;background-size:cover;display:block;padding:80px 20px}.subscribe-section__subscribe-inner::before{background-color:rgba(0,40,121,.6);position:absolute;content:"";left:0;right:0;top:0;bottom:0;margin:auto;border-radius:1.25rem}.subscribe-section__subscribe-inner .subscribe-inputgrp{margin-top:40px}.subscribe-section__subscribe-inner .subscribe-inputgrp .form-control{height:54px;padding-right:140px}@media(max-width: 480px){.subscribe-section__subscribe-inner .subscribe-inputgrp .form-control{padding-right:110px}}.subscribe-section__subscribe-inner .subscribe-btn{position:absolute;top:0;bottom:0;right:5px;margin:auto}.subscribe-section__subscribe-inner .subscribe-btn .btn{height:44px;line-height:18px}@media(max-width: 480px){.subscribe-section__subscribe-inner .subscribe-btn .btn{padding:10px}}.subscribe-section__subscribe-block{max-width:620px}footer{background-color:#f8f8f8;padding:30px 0}