@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ font-family:Roboto !important; background:#fff; font-size:15px; cursor:default;}
::selection{ color:#fff; background:#4058fe;} ::-moz-selection{ color:#fff; background:#4058fe;} ::-webkit-selection{ color:#fff; background:#4058fe;}
*{ outline:none !important; text-decoration:none !important; list-style:none;} ul, li{ padding:0; margin:0; list-style:none;}

.container{ max-width: 1000px;}
header{ position:relative; }
.navbar{ padding:0.9rem 0; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; background: #212325 !important;}
.bg-light{ background:#01134c !important;}
.navbar-brand span{ color: #fff; font-size:18px; font-weight:700; letter-spacing:1px; border:solid 2px #fff; border-radius:5px; padding:0 8px;}
.navbar-brand{ max-width:200px; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;} 
.navbar-brand img{ width:100%;} 
.navbar-nav .nav-item{ margin-left:10px;}
.navbar-nav .nav-item .nav-link.active{ background: #8053fd !important; border-radius: 15px; color: #fff !important;}
.navbar-nav .nav-item .nav-link{ padding:11px 20px; font-size:16px; font-weight:500; color:#fff; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.navbar-nav .nav-item .nav-link ion-icon{ font-size:20px; position:relative; color:#3867ff;}
nav{ border: none; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.shrink{ background:rgba(255,255,255,.98); box-shadow:0 10px 15px -8px rgba(0,0,0,.05);}
.shrink .navbar-nav .nav-item .nav-link.nav-button{ padding:10px 35px !important;}
.navbar-nav .nav-item:first-child{ margin-left: 0;}
.navbar-nav .nav-item .nav-link.nav-button{ padding:15px 35px !important; background:#2d3748; color:#fff; border-radius:50px; -webkit-border-radius:50px; position:relative; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.navbar-nav .active .nav-link{ color:#ff2f7d !important;}
.shrink .more{ padding:16px 50px 16px 35px !important;}
.navbar-nav .nav-item:last-child .nav-link ion-icon{ font-size:26px; color:#343742; --ionicon-stroke-width: 20px;}
.navbar .btn-primary{ background:#fff; color:#111 !important; border-radius:10px; padding-left:25px !important; padding-right:25px !important; box-shadow:none; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; border: solid 1px #fff;}
.navbar .btn-primary:hover{ background:#fff;}
.navbar .btn-outline-primary{ border: solid 1px #fff; border-radius:10px; padding-left:25px !important; padding-right:25px !important; color: #fff !important;}
.navbar .btn-outline-primary:hover{ background: (102,90,255,.6) !important;}
#navbar_top{ transition:all 0.4s ease-out;}
.fixed-top{ position:fixed; top:-50px; right:0; left:0; z-index:1030;}
.fixed-top{ transform:translateY(50px); transition:transform .2s; padding:0.7rem 0; box-shadow:0 10px 25px -10px rgba(0,0,0,.1);}

.heading-section{ float: left; width: 100%; padding: 90px 0 0; background: #01134c;}
.heading{ max-width: 1000px; margin: 0 auto 0 auto; margin-bottom: -30px !important;}
.heading h1{ font-weight: bold; font-size: 1.8rem; margin-bottom: 0; color: #01134c; max-width: 700px; background: #fff; padding: 30px 30px 0 30px; position: relative;}
.post-info{ display: inline-block;}
.post-info ul{ display: flex;}
.post-info ul li{ font-size: 1.1rem; padding: 0 15px; position: relative; color: #aaa;}
.post-info ul li:before{ position: absolute; content: ''; width: 8px; height: 2px; background: #999; top: 0; bottom: 0; left: -2px; margin: auto;}
.post-info ul li:first-child:before{ display: none;}
.post-info ul li:first-child{ padding-left: 45px;}
.post-info ul li span{ color: #777;}
.uniqfont{ font-family: 'Playfair Display', serif !important;}
.user-img{ width: 35px; height: 35px; background: #ccc; border-radius: 100%; overflow: hidden; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
.user-img img{ width: 100%;}

.banner{ display: inline-block; width: 100%; background: #e0e0e0; min-height: 550px;}
.banner img{ width: 100%; height: auto;}

.content-section{ float: left; width: 100%; padding: 100px 0;}
.content-section .container{ max-width: 1000px;}
.content-section p, .content-section ul li, .content-section ol li{ line-height: 2rem; font-size: 1.1rem; font-weight: 400; color: #555;}
.content-section p a{ color: #4058fe; font-weight: 500; text-decoration: underline !important;}
.heading-sm{ font-size: 1.2rem !important;}
.heading-md{ font-size: 1.8rem !important; font-weight: 600;}
.heading-lg{ font-size: 2.4rem !important;}
.content-section h1{ font-size: 2.1rem; font-weight: 600; margin: 40px 0 25px 0;}
.content-section h2{ font-size: 1.8rem; font-weight: 600; margin: 40px 0 25px 0;}
.content-section h3{ font-size: 1.6rem; font-weight: 600; margin: 40px 0 25px 0;}
.content-section h3{ font-size: 1.5rem; font-weight: 600; margin: 40px 0 25px 0;}
.content-section ul{ margin-left: 30px !important;}

.mb-20{ margin-bottom: 20px !important;}
.mt-40{ margin-top: 40px !important;}

.content-section ul li{ list-style: disc !important; font-size: 1.1rem; line-height: 2rem; margin-bottom: 8px; color: #555;}
.content-section ol li{ list-style: decimal !important; font-size: 1.1rem; line-height: 2rem; margin-bottom: 8px; color: #555;}

footer{ float: left; width: 100%; padding: 20px 0; background: #010f37;}
footer p{ margin: 0; color: #fff; opacity: 0.7;}
ul.social{ text-align: center; display: inline-block; margin: 0 !important;}
ul.social li{ display: inline-block; margin: 10px 0;}
ul.social li span{ color: #fff; padding-right: 10px;}
ul.social li a{ display: block; width: 35px; height: 35px; border-radius: 100%; background: #eee; line-height: 33px; color: #fff; margin: auto;}
ul.social li a svg{ width: 16px;}
.fb{ background: #3b5596 !important;}
.tw{ background: #1a9dfc !important;}
.ins{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;}
.in{ background: #0375b0 !important;}
.yt{ background: #FF0000 !important;}
.wp{ background: #25D366 !important;}
.pin{ background: #c8232c  !important;}

.graphics{ width: 100%; margin: 20px 0;}
.graphics img{ width: 100%;}

@keyframes flt {
    0% {
    left: -100px;
    opacity: 0;
}
	60% {
    left: 15px;
    opacity: 1;
}
    100% {
    left: 1px;
    opacity: 1;
}
}



@media (max-width: 991px) {
	footer ul.social{ width: auto; height: auto; position: static; margin-left: 0; margin-bottom: 0; background: none; box-shadow: none;}
    footer ul.social li{ display: inline-block; width: auto; margin: 0 5px;}
    footer ul.social li a{ width: 40px; height: 40px; line-height: 39px;}
    footer ul.social li a svg{ width: 16px; height: 16px;}
    nav .d-flex{ display: inline-block !important;}
    .navbar-nav .nav-item{ margin-left: 0; margin-bottom: 5px;}
    .navbar-toggler{ border-color: #fff; background: #fff;}
}

@media (max-width: 480px) {
    .content-section p, .content-section ol, .content-section li, .content-section p a{ font-size: 1rem !important; line-height: 1.7rem;}
    .content-section{ padding: 70px 30px 30px 30px;}
    .heading-section{ padding-top: 60px;}
    .banner{ min-height: 250px;}
    .heading h1{ font-size: 1.8rem;}
    .heading{ margin-bottom: 40px;}
    .content-section ul li, .content-section ol li{ line-height: 1.5rem;}
}