@import url('https://fonts.googleapis.com/css2?family=Raleway: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');
@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:Raleway !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;}

header{ position:relative; }
.navbar{ padding:0.9rem 0; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; background: #fff !important;}
.bg-light{ background:#fff !important;}
.navbar-brand span{ color: #fff; font-size:18px; font-weight:700; letter-spacing:1px; font-family: Raleway; 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{ padding:11px 20px; font-size:16px; font-weight:500; color:#130f49; 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 .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:#4058fe; color:#fff !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; box-shadow: 0 5px 15px -2px rgba(102,90,255,.5); border: solid 1px #4058fe;}
.navbar .btn-primary:hover{ background:#4058fe;}
.navbar .btn-outline-primary{ border: solid 1px #4058fe; border-radius:10px; padding-left:25px !important; padding-right:25px !important; color: #4058fe !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: 120px 0 0;}
.heading{ max-width: 800px; margin: 0 auto 100px auto; text-align: center;}
.heading h1{ font-weight: bold; font-size: 2.8rem; margin-bottom: 40px;}
.post-info{ display: inline-block;}
.post-info ul{ display: flex;}
.post-info ul li{ font-size: 1.1rem; padding: 0 15px; position: relative; font-style: italic;}
.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 span{ color: #777;}
.uniqfont{ font-family: 'Playfair Display', serif !important;}

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

.content-section{ float: left; width: 100%; padding: 100px 0;}
.content-section .container{ max-width: 800px;}
.content-section p, .content-section ol li, .content-section ul 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 h4{ font-size: 1.5rem; font-weight: 600; margin: 40px 0 25px 0;}
.content-section ul{ margin-left: 30px !important;}
.content-section ol li{ list-style: decimal !important;}
.content-section ul li{ list-style: disc !important;}

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

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

footer{ float: left; width: 100%; padding: 20px 0; background: #f3f3f3;}
footer p{ margin: 0;}
footer ul.social{ text-align: center; display: inline-block; position: fixed; height: 520px; width: 50px; top: 0; bottom: 0; left: 0; margin: auto 0 auto 20px;}
footer ul.social li{ display: inline-block; width: 100%; margin: 10px 0;}
footer ul.social li a{ display: block; width: 50px; height: 50px; border-radius: 100%; background: #eee; line-height: 48px; color: #fff;}
.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%;}



@media (max-width: 991px) {
	footer ul.social{ width: auto; height: auto; position: static; margin-left: 0; margin-bottom: 10px;}
    footer ul.social li{ display: inline-block; width: auto;}
    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; width: 100%;}
    .navbar-nav .nav-item{ margin-left: 0; margin-bottom: 5px;}
}

@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: 20px 0;}
    .heading-section{ padding-top: 60px;}
    .heading h1{ font-size: 1.8rem;}
    .heading{ margin-bottom: 40px;}
    .content-section ul li, .content-section ol li{ line-height: 1.5rem;}
}