@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
*{margin:0; padding:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{width:100%;height:100vh;font-family:'Inter',sans-serif;}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.3rem .7rem;font-size:0.9rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}
/*-- header style start --*/
header{position:fixed;left:0;right:0;top:0;height:70px;background:#fff;-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);z-index:999;}
header.shadow{-moz-box-shadow:0 1px 5px 0 #e1e1e1;-webkit-box-shadow:0 1px 5px 0 #e1e1e1;box-shadow:0 2px 5px 0 #e1e1e1;}
header .navbar{position:relative;width:100%;max-width:1400px;margin:auto;display:flex;align-items:center;height:70px;}
header .brand{position:absolute;left:0;width:200px;padding-left:15px;}
header .brand a{text-decoration:none;font-size:21px;color:#55688A;text-transform:uppercase;font-weight:bold;text-shadow:0 2px 2px rgba(0,0,0,.50);}
header .fetures{position:absolute;left:200px;}
header .users{position:absolute;right:0;padding-right:15px;}
header nav ul{display:inline-block;}
header nav ul li{display:inline-block;list-style-type:none;}
header nav ul li{margin-left:2rem;}
header nav ul  li a{text-decoration:none;color:#55688A;font-size:.90rem;line-height:1.5rem;font-weight:500 !important;transition:.3s;}
header .fetures ul  li a:hover{color:#39455c;}
header nav ul  li .btn-login:hover{color:#39455c;}
header nav .nav-btn{border:1px solid rgba(3,27,78,.2);box-shadow:0 2px 3px -1px rgba(0,0,0,.07);padding:.50rem .75rem;border-radius:.375rem;white-space:nowrap;font-size:.875rem;cursor:pointer;}
header nav .btn-register{color:#fff;background-color:#3370eb;}
header .menuicon{display:none;position:absolute;right:15px;margin-left:auto;width:56px;height:34px;background:#55688A;padding:2px 6px;cursor:pointer;border-radius:.25rem;transition:.5s;}
header .menuicon:hover{background:#8e9bb1;}
header .menuicon span{display:block;height:2px;margin:6px;background:#fff;}
/*-- header style start --*/
section{position:absolute;left:0;right:0;top:0;bottom:0;max-width:1400px;margin:auto;}
/*-- feture style for small screen --*/
section .navbar{position:absolute;left:-100%;width:100%;top:70px;bottom:0;background:#55688A;transition:.5s;z-index:999;}
section .navbar.active{left:0;}
section .navbar ul li{display:block;list-style-type:none;text-align:center;padding:0 5px;border-bottom:1px solid #637494;}
section .navbar ul li a{text-decoration:none;display:block;padding:10px 10px 10px 10px;color:#dfe3ee;font-size:0.85rem;letter-spacing:0.01rem;border-radius:20px;border:1px solid transparent;}
section .navbar .active{color:#000;background-color:#dfe3ee;border:1px solid #dfe3ee;}
section .navbar ul li a:hover{color:#fff;background-color:#637494;border-color:#637494;cursor:pointer;}
section .fetures{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;overflow-y:scroll;}
/*-- home style start --*/
section .home{width:100%;margin-top:150px;}
section .home .row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;}
section .home .col-2{flex-basis:50%;padding:0 15px;}
section .home .col-img{padding:0 50px;}
section .home .col-2 img{width:100%;}
section .home h2{color:#031b4e;margin-bottom:1rem;font-weight:700;fill:#031b4e;font-size:1.25rem;letter-spacing:-.5px;line-height:120%;padding-left:2px;}
section .home h1{font-size:52px;color:#3370eb;margin-bottom:1rem;font-weight:700;fill:#3370eb;letter-spacing:-2px;line-height:120%;}
section .home p{width:100%;max-width:545px;font-weight:500;color:#031b4e;fill:#031b4e;font-size:1rem;font-family:Inter;line-height:150%;padding-left:2px;text-align:justify;}
section .home a{text-decoration:none;}
section .home .btn{display:inline-block;background:#ff523b;color:#fff;padding:8px 30px;margin:30px 0;border-radius:30px;transition:.7s;}
section .home .btn:hover{background:#563434;}
/*-- slider style start --*/
section .slider {position:relative;margin-top:80px;width:100%;height:500px;overflow:hidden;background:radial-gradient(#fff,#3370eb);padding:40px 75px;}
section .slide {width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-in-out;}
section .slide img{width:100%;height:100%;}
section .active{opacity:1;}
section .prev,.next{position:absolute;top:225px;font-size:30px;font-weight:bold;color:rgba(0, 0, 0, 0.5);background-color:white;width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;}
section .prev:hover,.next:hover {background-color:#eceef5}
section .prev {left:15px;}
section .next{right:15px;}
/*-- tamplae style start --*/
section .templates{width:100%;padding:60px 0;}
section .templates .row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
section .templates .col-3{flex-basis:30%;max-width:500px;padding: 0 15px;}
section .templates .col-3{box-shadow:0 0 20px 0px rgba(0,0,0,0.1);cursor:pointer;transition:transform 0.5s;border-radius:0.25rem;}
section .templates .col-3:hover{transform:translateY(-10px);}
section .templates .col-3 img{width:100%;border-radius:0.25rem;}
/*-- contact us style start --*/
section .contactus{position:relative;width:100%;overflow:hidden;background:radial-gradient(#fff,#ffd6d6);padding:80px 15px;}
section .contactus .row{width:100%;max-width:500px;background:#fff;margin:auto;padding:60px;text-align:center;border-radius:0.25rem;}
section .contactus h1{display:block;margin:0;padding:0;text-transform:uppercase;font-weight:600;color:#888;}
section .contactus input{display:block;width:100%;margin-top:2rem;padding:10px 0;border:none;outline:none;font-family:'Roboto',sans-serif;font-size:.80rem;color:#212529;background:#fff;border-bottom:2px solid #ced4da;}
section .contactus input::placeholder{color:#ced4da;opacity:1;}
section .contactus button{margin-top:2rem;text-transform:uppercase;cursor:pointer;}
/*-- footer style start --*/
section .footer{width:100%;margin:auto;background:#55688A;color:#fff;font-size:14px;padding:60px 0 20px;}
section .footer .row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
section .footer .col-1,section .footer .col-2,section .footer .col-3,section .footer .col-4{max-width:355px;padding:0 15px;}
section .footer .col-3,section .footer .col-4{text-align:center;}
section .footer .col-2 h1{text-align:center;color:#fff;text-transform:uppercase;font-size:25px;font-weight:bold;margin-bottom:20px;}
section .footer p{color:#fff;text-align:justify;}
section .footer h3{color:#fff;margin-bottom:20px;}
section .footer ul li{list-style-type:none;margin:5px 0;}
section .footer ul li a{display:block;text-decoration:none;color:#fff;}
section .footer ul li a:hover{cursor:pointer;text-decoration:underline;}
section .footer .app-logo{margin-top:20px;}
section .footer .app-logo img{width:160px;}
section .footer hr{border:none;background:#b5b5b5;height:1px;margin:20px 0;}
section .footer .copyright{text-align:center;}
/*-- footer style start --*/
@media (max-width:1150px){
	section .home .col-2{flex-basis:100%;}
	section .home .col-img{padding:0 15px;}
}
@media (max-width:991px){
	header .fetures,header .users{display:none;}
	header .menuicon{display:block;}
	section .footer .row{display:flex;flex-direction: column;}
	section .footer .col-1,section .footer .col-2,section .footer .col-3{margin-bottom:60px;}
	section .templates .row{display:flex;flex-direction: column;padding: 0 15px;}
	section .templates .col-3{flex-basis:100%;}
	section .templates .col-1{margin-bottom:20px;}
}