@charset "UTF-8";
/*
------------------------------
Theme Name: Pranit Banthia Theme
Theme URI: https://www.pranitbanthia.com
Author: Bhargav Joshi
Author URI: https://www.hitechdigital.com
Description: Custom WordPress theme for pranitbanthia.com. Built following the same coding pattern as Hitech i2i / Habile reference theme. Classic editor based - all page content is added as custom HTML inside the editor body section.
Version: 1.0
Text Domain: pranitbanthia
------------------------------*/
/*
   Table of Content
   ----------------
    01. Fonts
    02. Reset / Reboot
    03. Typography
    04. Hyperlinks & Buttons
    06. Header
    07. Hero / Home Sections (About, Blog, Lifeline, Contact)
    08. Blog / Press Listing
    09. Single Post
    10. Sidebar
    11. Copyright & Sticky Social
    12. Pagination
    13. Responsive
    (user's original HTML CSS - unchanged)
*/

::selection {background: #10AFCC;color: #fff;text-shadow:none;}
::-moz-selection{background: #10AFCC;color: #fff;text-shadow:none;}
::-webkit-input-placeholder{color:#133053}
::-moz-input-placeholder{color:#133053}
::-ms-input-placeholder{color:#133053}
::-moz-placeholder{color:#133053}
::placeholder{color:#133053}
::-moz-focus-inner{padding:0;border-style:none}
svg:not(:root){overflow:hidden}

*,:after,:before, *::before, *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility}
[tabindex="-1"]:focus:not(:focus-visible), [tabindex="-1"]:focus{outline:0!important}

html, body{padding: 0;margin: 0;min-width:300px;background:#ffffff;font-family:'Arial', sans-serif, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-size: 14px; font-weight:200; color: #757575; text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, button, input, select, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6{margin:0;padding:0}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display:block}
audio, canvas, iframe, img, svg, video{vertical-align:middle;max-width:100%;height:auto;box-sizing:border-box}
body, button, input, optgroup, select, textarea{font-size: 14px;font-weight: 200; color: #757575;font-family:'Arial', sans-serif, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}

.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{display:table;clear:both;content:"";line-height:0}

@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}

.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}
.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}
.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}

.moff{display:block}
.doff{display:none}
@media only screen and (min-width:200px) and (max-width:575px){
    .moff{display:none}
    .doff{display:block}
}

/* ---:02.Texonomy:--- */
body{margin:0;padding:0;font-family:'Arial', sans-serif, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-size: 14px; font-weight:200; line-height:1.8em;color:#757575}
@media (max-width:1199px){body{font-size:17px;line-height:1.4}}

hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}
* + hr{margin-top:20px}
hr:not([size]){height:1px}

abbr[title], abbr[data-bs-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
p, ul, ol, dl, pre, address, fieldset, figure{margin:0 0 15px 0}
p:only-child, p:last-child, ul:only-child, ul:last-child, ol:only-child, ol:last-child, dl:only-child, dl:last-child, pre:only-child, pre:last-child, address:only-child, address:last-child, fieldset:only-child, fieldset:last-child, figure:only-child, figure:last-child{margin:0 0 0 0}

p strong{color:#000;font-weight:700}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{font-style:normal;font-weight:400;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:0.5rem;line-height:1.2;color:#0B1F3A}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6{margin-top:40px}
h5, .h5{font-size:1.25rem}
h6, .h6{font-size:1rem}
h1 span, .h1 span,h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span{font-weight:700}

.lead{font-size:1.25rem;font-weight:300}
.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}
.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}
.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}
.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}
.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}
.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}
p{margin-top:0;margin-bottom:1rem}
p.bigline{font-size:22px; line-height:32px; color:#020626;}
.bold{font-weight: 700;}
@media (min-width:1200px){
    h1, .h1{font-size:clamp(45px, 8vw, 60px)}
    h2, .h2{font-size:clamp(40px, 8vw, 55px)}
    h3, .h3{font-size:clamp(25px, 8vw, 40px)}
    h4, .h4{font-size:clamp(22px, 8vw, 30px)}
    legend{font-size:1.5rem}
    .display-1{font-size:5rem}
    .display-2{font-size:4.5rem}
    .display-3{font-size:4rem}
    .display-4{font-size:3.5rem}
    .display-5{font-size:3rem}
    .display-6{font-size:2.5rem}
}
@media only screen and (max-width:359px){
    h1, .h1{font-size:clamp(30px, 8vw, 40px)}
    h2, .h2{font-size:clamp(35px, 8vw, 40px)}
    h3, .h3{font-size:clamp(26px, 8vw, 30px)}
    h4, .h4{font-size:clamp(24px, 8vw, 28px)}
    .display-1{font-size:38px}
    .display-2{font-size:36px}
    .display-3{font-size:34px}
    .display-4{font-size:32px}
    .display-5{font-size:30px}
    .display-6{font-size:28px}
}
@media only screen and (min-width:360px) and (max-width:479px) {
    h1, .h1{font-size:clamp(32px, 8vw, 36px)}
    h2, .h2{font-size:clamp(30px, 8vw, 34px)}
    h3, .h3{font-size:clamp(28px, 8vw, 32px)}
    h4, .h4{font-size:clamp(26px, 8vw, 30px)}
    .display-1{font-size:40px}
    .display-2{font-size:38px}
    .display-3{font-size:36px}
    .display-4{font-size:34px}
    .display-5{font-size:32px}
    .display-6{font-size:30px}
}
@media only screen and (min-width:480px) and (max-width:639px) {
    h1, .h1{font-size:clamp(34px, 8vw, 38px)}
    h2, .h2{font-size:clamp(32px, 8vw, 36px)}
    h3, .h3{font-size:clamp(30px, 8vw, 34px)}
    h4, .h4{font-size:clamp(28px, 8vw, 32px)}
    .display-1{font-size:42px}
    .display-2{font-size:40px}
    .display-3{font-size:38px}
    .display-4{font-size:36px}
    .display-5{font-size:34px}
    .display-6{font-size:32px}
}
@media only screen and (min-width:640px) and (max-width:767px) {
    h1, .h1{font-size:clamp(36px, 8vw, 40px)}
    h2, .h2{font-size:clamp(34px, 8vw, 38px)}
    h3, .h3{font-size:clamp(32px, 8vw, 36px)}
    h4, .h4{font-size:clamp(30px, 8vw, 34px)}
    .display-1{font-size:44px}
    .display-2{font-size:42px}
    .display-3{font-size:40px}
    .display-4{font-size:38px}
    .display-5{font-size:36px}
    .display-6{font-size:36px}
}
@media only screen and (min-width:768px) and (max-width:979px) {
    h1, .h1{font-size:clamp(38px, 8vw, 42px)}
    h2, .h2{font-size:clamp(36px, 8vw, 40px)}
    h3, .h3{font-size:clamp(34px, 8vw, 38px)}
    h4, .h4{font-size:clamp(32px, 8vw, 36px)}
    .display-1{font-size:46px}
    .display-2{font-size:44px}
    .display-3{font-size:42px}
    .display-4{font-size:40px}
    .display-5{font-size:38px}
    .display-6{font-size:36px}
}
@media only screen and (min-width:980px) and (max-width:1199px) {
    h1, .h1{font-size:clamp(40px, 8vw, 44px)}
    h2, .h2{font-size:clamp(38px, 8vw, 42px)}
    h3, .h3{font-size:clamp(36px, 8vw, 40px)}
    h4, .h4{font-size:clamp(34px, 8vw, 38px)}
    .display-1{font-size:48px}
    .display-2{font-size:46px}
    .display-3{font-size:44px}
    .display-4{font-size:42px}
    .display-5{font-size:40px}
    .display-6{font-size:38px}
}
#sidebar h2 {
    padding-top: 0;
    padding-bottom: 15px;
    margin: 0;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
span{font-style:inherit;font-weight:inherit}
strong{color:#363636}
b, strong{font-weight:700}
em{color:#2c3338}
q{font-style:italic}
small, .small{font-size:0.875em}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
caption{padding-top:0.75rem;padding-bottom:0.75rem;color:#6c757d;text-align:left;caption-side:bottom}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}
* + blockquote{margin-top:20px}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
mark, .mark{padding:0.1875em;background-color:var(--highlight-bg)}
.subline{font-size: 20px;}
.pageline{font-size: 24px;line-height: 1.5;}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote >:last-child{margin-bottom:0}
.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#6c757d}
.blockquote-footer::before{content:"— "}

.lighter{font-weight:lighter!important}
.light{font-weight:300!important}
.normal{font-weight:400!important}
.superheavy{font-weight:700!important}
.heavy{font-weight:bolder!important}
.italic{font-style:italic!important}
.lh-1{line-height:1!important}
.lh-sm{line-height:1.25!important}
.lh-base{line-height:1.5!important}
.lh-lg{line-height:2!important}

.text-white{color:#fff!important}
.text-success{color:#559eff!important}
.text-info{color:#17a2b8!important}
.text-cyan{color: cyan!important;}
.text-warning{color:#ffc107!important}
.text-danger{color:#dc3545!important}
.text-light{color:#f8f9fa!important}
.text-dark{color:#343a40!important}
.text-body{color:#212529!important}
.text-muted{color:#6c757d!important}
.text-black-50{color:rgba(0, 0, 0, 0.5)!important}
.text-white-50{color:rgba(255, 255, 255, 0.5)!important}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-decoration-none{text-decoration:none!important}
.text-break{word-break:break-word!important;overflow-wrap:break-word!important}
.text-reset{color:inherit!important}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}

.text-justify{text-align:justify!important}
.text-wrap{white-space:normal!important}
.text-nowrap{white-space:nowrap!important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.text-decoration-none{text-decoration:none!important}
.text-decoration-underline{text-decoration:underline!important}
.text-decoration-line-through{text-decoration:line-through!important}

/* ---:03.Listing:--- */
ol, ul{padding-left:2rem}
ol, ul, dl{margin-top:0;margin-bottom:1rem}
ol ol, ul ul, ol ul, ul ol{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:0.5rem}
.initialism{font-size:90%;text-transform:uppercase}
ol, ul, dl{margin-top:0;margin-bottom:1rem;padding:0}
ol ol, ul ul, ol ul, ul ol{margin-bottom:0}

/* ---:04.Display / Floating / Positioniong / Overflow Reboot:--- */
.fl{float:left!important}
.fr{float:right!important}
.fn{float:none!important}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.overflow-visible{overflow:visible!important}
.overflow-scroll{overflow:scroll!important}
.overflow-x-auto{overflow-x:auto!important}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-x-visible{overflow-x:visible!important}
.overflow-x-scroll{overflow-x:scroll!important}
.overflow-y-auto{overflow-y:auto!important}
.overflow-y-hidden{overflow-y:hidden!important}
.overflow-y-visible{overflow-y:visible!important}
.overflow-y-scroll{overflow-y:scroll!important}
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
.d-grid{display:grid!important}
.align-baseline{vertical-align:baseline!important}
.align-top{vertical-align:top!important}
.align-middle{vertical-align:middle!important}
.align-bottom{vertical-align:bottom!important}
.align-text-bottom{vertical-align:text-bottom!important}
.align-text-top{vertical-align:text-top!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:-webkit-sticky!important;position:sticky!important}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}
.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}
.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:0.25}

@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:sticky;position:-webkit-sticky;top:0;z-index:1020}}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important}

.top-0{top:0!important}
.top-50{top:50%!important}
.top-100{top:100%!important}
.bottom-0{bottom:0!important}
.bottom-50{bottom:50%!important}
.bottom-100{bottom:100%!important}
.left-0{left:0!important}
.left-50{left:50%!important}
.left-100{left:100%!important}
.right-0{right:0!important}
.right-50{right:50%!important}
.right-100{right:100%!important}
.translate-middle{transform:translate(-50%, -50%)!important}
.translate-middle-x{transform:translateX(-50%)!important}
.translate-middle-y{transform:translateY(-50%)!important}

/* ---:05.Hyperlinks & Buttons:--- */
a{font-weight:400;color:#e65100;text-decoration:none;cursor:pointer;outline:medium none!important;/* -webkit-transition:all 0.3s;transition:all 0.3s;*/}
a:hover{outline:none;outline:0;color:#022d62;text-decoration:underline}
a:not([href]):not([class]){color:inherit;text-decoration:underline}
a:not([href]):not([class]):hover{color:inherit;text-decoration:underline}
a.readmore{position:relative;line-height:normal;vertical-align:middle;text-transform:capitalize;color:#000;padding-right:10px;letter-spacing:-.36px;font-size:18px;background-color:transparent;text-decoration:none;display:inline-block}
a > code{color:inherit}

.link-primary{color:#0d6efd}
.link-primary:hover, .link-primary:focus{color:#0a58ca}
.link-secondary{color:#6c757d}
.link-secondary:hover, .link-secondary:focus{color:#565e64}
.link-success{color:#198754}
.link-success:hover, .link-success:focus{color:#146c43}
.link-info{color:#0dcaf0}
.link-info:hover, .link-info:focus{color:#3dd5f3}
.link-warning{color:#ffc107}
.link-warning:hover, .link-warning:focus{color:#ffcd39}
.link-danger{color:#dc3545}
.link-danger:hover, .link-danger:focus{color:#b02a37}
.link-light{color:#f8f9fa}
.link-light:hover, .link-light:focus{color:#f9fafb}
.link-dark{color:#212529}
.link-dark:hover, .link-dark:focus{color:#1a1e21}

.btn{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); display:inline-block; padding:0.575rem 1.7rem;padding: 10px 20px; font-family:inherit; font-size:inherit; font-weight:400; line-height:1.5; color:inherit; text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; border:1px solid transparent; border-radius:0.375rem; background-color:transparent; 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:hover{text-decoration:underline}
.btn-icon {display: block;position: absolute;top: 50%;transform: translateY(-50%);right:17px;filter: brightness(0) invert(1);    width: 20px;height: 20px; }
.btn:hover .btn-icon {filter: brightness(0) saturate(100%) invert(22%) sepia(74%) saturate(1400%) hue-rotate(187deg) brightness(88%) contrast(101%);}
.btn-white{position:relative; display:inline-block; box-shadow:0 1px 8px rgb(11 63 138 / 51%); padding-right:40px; background:#fff url("images/icons/arrow-right.svg"); background-repeat:no-repeat!important; background-position:top 50% right 20px!important; background-size:7px!important; font-weight:700; color:#0b3f8a; letter-spacing:-0.80px}
.btn-white:hover{background:#0b3f8a url("images/icons/arrow-right-white.svg"); color:#ffffff}
.btn-primary{ position:relative; display:inline-block; border:1px solid #0b3f8a; box-shadow:0 1px 8px rgb(0 0 0 / 30%); background:#0b3f8a url("images/icons/arrow-right-white.svg"); background-repeat:no-repeat!important; background-position:top 50% right 20px!important; background-size:7px!important; font-weight:700; color:#ffffff; letter-spacing:-0.80px}
.btn-primary:hover{background:#ffffff url("images/icons/arrow-right.svg"); color:#0b3f8a}
.btn-primary-border{position:relative; display:inline-block; border:1px solid #0b3f8a; box-shadow:0 1px 8px rgba(0,0,0, 25%); padding-right:40px; background:url("images/icons/arrow-right.svg"); background-repeat:no-repeat!important; background-position:top 50% right 20px!important; background-size:7px!important; font-weight:700; color:#0b3f8a; letter-spacing:-0.80px}
.btn-primary-border:hover{background:#0b3f8a url("images/icons/arrow-right-white.svg"); color:#ffffff}
.btn-secondary{position:relative; display:inline-block; border:1px solid #e65100; box-shadow:0 1px 8px rgba(0,0,0, 25%); background:#e65100  url("images/icons/arrow-right-white.svg"); background-repeat:no-repeat!important; background-position:top 50% right 20px!important; background-size:7px!important; font-weight:700; color:#FFFFFF; letter-spacing:-0.80px}
.btn-secondary:hover{background:#ffffff url("images/icons/arrow-right.svg"); color:#e65100; border:1px solid #e65100}
.btn-secondary-border{position:relative; display:inline-block; border:1px solid #e65100; box-shadow:0 1px 8px rgba(0,0,0, 25%); padding-right:40px; background:#ffffff; font-weight:700; color:#e65100; letter-spacing:-0.80px}
.btn-secondary-border:hover{color:#ffffff; background:#e65100; border:1px solid #e65100}
.btnX2{font-size:clamp(20px, 8vw, 24px)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn-gray{color: #444 !important;text-shadow: 0 1px #eee;border-color: #d5d5d5;border-bottom-color: #999;background-color: #d8d8d8;background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #e9e9e9), color-stop(1, #ccc));background: -moz-linear-gradient(center top,#f8f8f8 20%,#ddd 100%);    font-size: 18px !important;line-height: 1 !important;padding: 13px 23px 15px 23px;letter-spacing: -1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight: 700;}
.btn-gray:hover {background: #ddd;background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #e0e0e0), color-stop(1, #bebebe));background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);}

/* ---:06.Alerts & Background:--- */
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.25rem}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:3rem}
.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}

.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-primary .alert-link{color:#06357a}
.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}
.alert-secondary .alert-link{color:#34383c}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-success .alert-link{color:#0c4128}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}
.alert-info .alert-link{color:#04414d}
.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}
.alert-warning .alert-link{color:#523e02}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.alert-danger .alert-link{color:#6a1a21}
.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}
.alert-light .alert-link{color:#4f5050}
.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}
.alert-dark .alert-link{color:#101214}

.bg-primary{background-color:#004ca7!important}
.bg-secondary{background-color:#6c757d!important}
.bg-success{background-color:#28a745!important}
.bg-info{background-color:#17a2b8!important}
.bg-warning{background-color:#ffc107!important}
.bg-danger{background-color:#dc3545!important}
.bg-light{background-color:#ebf3ff!important}
/* .bg-dark{background-color:#343a40!important} */
.bg-white{background-color:#fff!important}
.bg-transparent{background-color:transparent!important}
/* .bg-gray{background-color:#f2f2f2} */
.bg-gradient{background:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.bg-blue{background:#133053}
.bg-yellow{background:rgb(255, 217, 0);}
.bg-gray{background-color: #9fa5a3 !important;}
.bg-orange {background-color: #f6861f !important;}
.bg-dark{background-color: #3b4143 !important;}


/* .overlay{position:absolute;content:"";width:100%;height:100%;background-color:rgba(3, 15, 39, 0.28)} */
.overlay-2{position:absolute;content:"";width:100%;height:100%;background:#020E28;opacity:.8}

.badge{display:inline-block;padding:0.35em 0.65em;font-size:0.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}

.opacity-0{opacity:0!important}
.opacity-25{opacity:0.25!important}
.opacity-50{opacity:0.5!important}
.opacity-75{opacity:0.75!important}
.opacity-100{opacity:1!important}

/* ---:07.Border:--- */
.border{border:1px solid #dee2e6!important}
.border-0{border:0!important}
.border-top{border-top:1px solid #dee2e6!important}
.border-top-0{border-top:0!important}
.border-end{border-right:1px solid #dee2e6!important}
.border-end-0{border-right:0!important}
.border-bottom{border-bottom:1px solid #dee2e6!important}
.border-bottom-0{border-bottom:0!important}
.border-start{border-left:1px solid #dee2e6!important}
.border-start-0{border-left:0!important}
.border-primary{border-color:#0d6efd!important}
.border-secondary{border-color:#6c757d!important}
.border-success{border-color:#198754!important}
.border-info{border-color:#0dcaf0!important}
.border-warning{border-color:#ffc107!important}
.border-danger{border-color:#dc3545!important}
.border-light{border-color:#f8f9fa!important}
.border-dark{border-color:#212529!important}
.border-white{border-color:#fff!important}
.border-1{border-width:1px!important}
.border-2{border-width:2px!important}
.border-3{border-width:3px!important}
.border-4{border-width:4px!important}
.border-5{border-width:5px!important}

.rounded{border-radius:0.25rem!important}
.rounded-0{border-radius:0!important}
.rounded-1{border-radius:10px!important}
.rounded-2{border-radius:20px!important}
.rounded-3{border-radius:30px!important}
.rounded-4{border-radius:40px!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:50rem!important}
.rounded-top{border-top-left-radius:0.25rem!important;border-top-right-radius:0.25rem!important}
.rounded-end{border-top-right-radius:0.25rem!important;border-bottom-right-radius:0.25rem!important}
.rounded-bottom{border-bottom-right-radius:0.25rem!important;border-bottom-left-radius:0.25rem!important}
.rounded-start{border-bottom-left-radius:0.25rem!important;border-top-left-radius:0.25rem!important}

/* ---:08.Image & Media:--- */
iframe{border:0}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none;height:auto;max-width:100%; display: block;}
img:not([src]){min-width:1px;visibility:hidden}
img, svg{vertical-align:middle}
img, video{height:auto;max-width:100%}
svg{overflow:hidden;vertical-align:middle}
svg:not(:root){overflow:hidden}
.img-fluid{max-width:100%;height:auto}
.img-thumbnail{padding:0.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:0.25rem;max-width:100%;height:auto}
.figure{display:inline-block}
.figure-img{margin-bottom:0.5rem;line-height:1}
.figure-caption{font-size:90%;color:#6c757d}
.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.media-body{-ms-flex:1;flex:1}
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#6c757d;text-align:left}
.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio > *{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{aspect-ratio:100%}
.ratio-4x3{aspect-ratio:calc(3 / 4 * 100%)}
.ratio-16x9{aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{aspect-ratio:calc(9 / 21 * 100%)}
@supports (display:block){svg{max-width:100%;height:auto;box-sizing:border-box}}

.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}
.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}
.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}
.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}
.object-fit-none{-o-object-fit:none!important;object-fit:none!important}

/* ---:09.Form Controls:--- */
::placeholder{color:#909090;opacity:1}:-ms-input-placeholder{color:#909090}::-ms-input-placeholder{color:#909090}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}

input, button, select, optgroup, textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button, select{text-transform:none;cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
textarea{resize:vertical}
button, [type=button], [type=reset], [type=submit]{-webkit-appearance:button}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled){cursor:pointer}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input[type=search]{outline-offset:-2px;-webkit-appearance:textfield;outline:none}
label{display:inline-block}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend + *{clear:left}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select{font-family:inherit;-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:middle;width:100%;color:#8093a8;padding:13px 15px 14px;font-weight:400;background-color:#fff;text-transform:inherit;border:1px solid #fff;font-size:14px;outline:none;line-height:inherit;letter-spacing:0px;box-shadow:0 0 3px 0 rgb(43 52 59 / 8%)}

button,input[type="submit"],input[type="button"],input[type="reset"]{display:inline-block;text-decoration:none;font-size:13px;line-height:21px;font-weight:500;padding:11px 40px 11px;border:2px solid transparent;border-radius:0;color:#fff;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;cursor:pointer;outline:none;-webkit-font-smoothing:antialiased}

button:focus{box-shadow:none;outline:0;border:0}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,select:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ddd}

.form-control input[type=checkbox]:active, .form-control input[type=radio]:active{filter:brightness(90%)}
.form-control input[type=checkbox]:focus, .form-control input[type=radio]:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25)}
.form-control input[type=checkbox]:checked, .form-control input[type=radio]:checked{background-color:#0d6efd;border-color:#0d6efd}

.form-control input[type=checkbox]{border-radius:0.25em}
.form-control input[type=checkbox]:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}

.form-control input[type=radio]{border-radius:50%}
.form-check-input input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}

.form-control input[type=submit], .form-control input[type=button], .submitbtn{background:#000;outline:none;color:#fff;width:auto;font-size:20px;line-height:30px;box-shadow:0 15px 20px 0 rgb(0 0 0 / 10%);padding:9px 26px 11px;text-align:center;cursor:pointer;margin:0;-webkit-appearance:none;position:relative;overflow:hidden;display:inline-block;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out!important;border:2px solid #000000;letter-spacing:-.72px;z-index:2}
.form-control input[type=submit]:hover, .form-control input[type=button]:hover, .submitbtn:hover{background:#fd5636;border:2px solid #fd5636;color:#fff;text-decoration:none}
.form-control input[type=submit]:after, .form-control input[type=button]:after, .submitbtn:after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}
.form-control input[type=submit]:hover:after, .form-control input[type=button]:hover:after, .submitbtn:hover:after{animation:ripple 1s ease-out;z-index:1}

/* ---:10.Wireframe:--- */
.container{flex-grow:1;margin:0 auto;position:relative;width:auto;display:flow-root;box-sizing:content-box;padding:0 15px}
.container .container{padding-left:0;padding-right:0}
.container >:last-child{margin-bottom:0}
.wrapper{width:80%;margin:0 auto;max-width:960px}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(0.4rem * 0.5);padding-left:calc(0.4rem * 0.5);margin-top:1rem}
.row-cols-auto > *{width:auto}

.col{flex-basis:0;flex-grow:1;max-width:100%;flex:1 0 0%}
.col-auto{width:auto;max-width:100%}
.col-1{width:8.33333333%}
.row-cols-6 > *, .col-2{width:16.66666667%}
.col-5{width:41.66666667%}
.col-7{width:58.33333333%}
.col-10{width:83.33333333%}
.col-11{width:91.66666667%}
.col-12{width:100%}
.one-half{width:48.50%}
.one-third{width:31.33%}
.two-third{width:65.67%}
.one-fourth{width:22.75%}
.one-fifth{width:17.60%}
.one-sixth{width:14.16667%}
.one-seventh{width:11.71%}
.row-cols-5 > *, .width20{width:20%}
.row-cols-4 > *, .width25{width:25%}
.row-cols-3 > *, .width33{width:33.33333333%}
.width40{width:40%}
.row-cols-2 > *, .width50{width:50%}
.width60{width:60%}
.width66{width:66.66666667%}
.width70{width:70%}
.width75{width:75%}
.row-cols-1 > *, .width100{width:100%!important}
.row-cols-1 > *, .row-cols-2 > *, .row-cols-3 > *, .row-cols-4 > *, .row-cols-5 > *, .row-cols-6 > *, .col-auto, .col-1, .col-2, .col-5, .col-7, .col-10, .col-11, .col-12, .one-half, .one-third, .two-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .width25, .width33, .width40, .width50, .width60, .width66, .width75, .width100{flex:0 0 auto}

.w-auto{width:auto!important}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mw-100{max-width:100%!important}
.mh-100{max-height:100%!important}
.min-vw-100{min-width:100vw!important}
.min-vh-100{min-height:100vh!important}
.vw-100{width:100vw!important}
.vh-100{height:100vh!important}

.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .two-third{margin-right:3%}
.one-half:nth-child(2n), .one-third:nth-child(3n), .one-fourth:nth-child(4n), .one-fifth:nth-child(5n), .one-sixth:nth-child(6n), .one-seventh:nth-child(7n), .two-third + .one-third, .one-third + .two-third{margin-right:0}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .width25, .width33, .width50, .width66, .width75, .width100{position:relative}

.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important}
.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)!important}
.shadow-none{box-shadow:none!important}

/* ---:11.Margin --- */
.m-auto{margin:auto!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.m-0{margin:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}
.ml-0{margin-left:0!important}

.m-1{margin:10px!important}
.mt-1{margin-top:10px!important}
.mr-1{margin-right:10px!important}
.mb-1{margin-bottom:10px!important}
.ml-1{margin-left:10px!important}

.m-2{margin:20px!important}
.mt-2{margin-top:20px!important}
.mr-2{margin-right:20px!important}
.mb-2{margin-bottom:20px!important}
.ml-2{margin-left:20px!important}

.m-3{margin:30px!important}
.mt-3{margin-top:30px!important}
.mr-3{margin-right:30px!important}
.mb-3{margin-bottom:30px!important}
.ml-3{margin-left:30px!important}

.m-4{margin:40px!important}
.mt-4{margin-top:40px!important}
.mr-4{margin-right:40px!important}
.mb-4{margin-bottom:40px!important}
.ml-4{margin-left:40px!important}

.m-5{margin:50px!important}
.mt-5{margin-top:50px!important}
.mr-5{margin-right:50px!important}
.mb-5{margin-bottom:50px!important}
.ml-5{margin-left:50px!important}

.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:0.25rem!important;margin-left:0.25rem!important}
.mx-2{margin-right:0.5rem!important;margin-left:0.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}

.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:0.25rem!important;margin-bottom:0.25rem!important}
.my-2{margin-top:0.5rem!important;margin-bottom:0.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}

/* ---:12.Padding:--- */
.p-0{padding:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}

.p-1{padding:10px!important}
.pt-1{padding-top:10px!important}
.pr-1{padding-right:10px!important}
.pb-1{padding-bottom:10px!important}
.pl-1{padding-left:10px!important}

.p-2{padding:20px!important}
.pt-2{padding-top:20px!important}
.pr-2{padding-right:20px!important}
.pb-2{padding-bottom:20px!important}
.pl-2{padding-left:20px!important}

.p-3{padding:30px!important}
.pt-3{padding-top:30px!important}
.pr-3{padding-right:30px!important}
.pb-3{padding-bottom:30px!important}
.pl-3{padding-left:30px!important}

.p-4{padding:40px!important}
.pt-4{padding-top:40px!important}
.pr-4{padding-right:40px!important}
.pb-4{padding-bottom:40px!important}
.pl-4{padding-left:40px!important}

.p-5{padding:50px!important}
.pt-5{padding-top:50px!important}
.pr-5{padding-right:50px!important}
.pb-5{padding-bottom:50px!important}
.pl-5{padding-left:50px!important}

.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:0.25rem!important;padding-left:0.25rem!important}
.px-2{padding-right:0.5rem!important;padding-left:0.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}

.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:0.25rem!important;padding-bottom:0.25rem!important}
.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.section-spacing{padding:100px 0}
.section-spacing + .section-spacing{padding-top:0}

.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}

/* ---:13.Flex:--- */
.flex-fill{flex:1 1 auto}
.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.flex-row-reverse{flex-direction:row-reverse}
.flex-column-reverse{flex-direction:column-reverse}
.flex-grow-0{flex-grow:0}
.flex-grow-1{flex-grow:1}
.flex-shrink-0{flex-shrink:0}
.flex-shrink-1{flex-shrink:1}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.justify-content-start{justify-content:flex-start}
.justify-content-end{justify-content:flex-end}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.justify-content-around{justify-content:space-around}
.justify-content-evenly{justify-content:space-evenly}
.align-items-start{align-items:flex-start}
.align-items-end{align-items:flex-end}
.align-items-center{align-items:center}
.align-items-baseline{align-items:baseline}
.align-items-stretch{align-items:stretch}
.align-content-start{align-content:flex-start}
.align-content-end{align-content:flex-end}
.align-content-center{align-content:center}
.align-content-between{align-content:space-between}
.align-content-around{align-content:space-around}
.align-content-stretch{align-content:stretch}
.align-self-auto{align-self:auto}
.align-self-start{align-self:flex-start}
.align-self-end{align-self:flex-end}
.align-self-center{align-self:center}
.align-self-baseline{align-self:baseline}
.align-self-stretch{align-self:stretch}

/*----- 14. Table -----*/

/*----- 15. Responsive -----*/
@media only screen and (max-width:479px) {
    .m-3 { margin: 15px !important; }
    .mt-3 { margin-top: 15px !important; }
    .mr-3 { margin-right: 15px !important; }
    .mb-3 { margin-bottom: 15px !important; }
    .ml-3 { margin-left: 15px !important; }
    .m-4 { margin: 20px !important; }
    .mt-4 { margin-top: 20px !important; }
    .mr-4 { margin-right: 20px !important; }
    .mb-4 { margin-bottom: 20px !important; }
    .ml-4 { margin-left: 20px !important; }
    .m-5 { margin: 25px !important; }
    .mt-5 { margin-top: 25px !important; }
    .mr-5 { margin-right: 25px !important; }
    .mb-5 { margin-bottom: 25px !important; }
    .ml-5 { margin-left: 25px !important; }
    .p-2 { padding: 10px !important; }
    .pt-2 { padding-top: 10px !important; }
    .pr-2 { padding-right: 10px !important; }
    .pb-2 { padding-bottom: 10px !important; }
    .pl-2 { padding-left: 10px !important; }
    .p-3 { padding: 15px !important; }
    .pt-3 { padding-top: 15px !important; }
    .pr-3 { padding-right: 15px !important; }
    .pb-3 { padding-bottom: 15px !important; }
    .pl-3 { padding-left: 15px !important; }
    .p-4 { padding: 20px !important; }
    .pt-4 { padding-top: 20px !important; }
    .pr-4 { padding-right: 20px !important; }
    .pb-4 { padding-bottom: 20px !important; }
    .pl-4 { padding-left: 20px !important; }
    .p-5 { padding: 25px !important; }
    .pt-5 { padding-top: 25px !important; }
    .pr-5 { padding-right: 25px !important; }
    .pb-5 { padding-bottom: 25px !important; }
    .pl-5 { padding-left: 25px !important; }
    .section-spacing { padding: 30px 20px; }
}

@media only screen and (min-width:480px) and (max-width:639.99px) {
    .m-3 { margin: 20px !important; }
    .mt-3 { margin-top: 20px !important; }
    .mr-3 { margin-right: 20px !important; }
    .mb-3 { margin-bottom: 20px !important; }
    .ml-3 { margin-left: 20px !important; }
    .m-4 { margin: 25px !important; }
    .mt-4 { margin-top: 25px !important; }
    .mb-4 { margin-bottom: 25px !important; }
    .ml-4 { margin-left: 25px !important; }
    .m-5 { margin: 30px !important; }
    .mt-5 { margin-top: 30px !important; }
    .mr-5 { margin-right: 30px !important; }
    .mb-5 { margin-bottom: 30px !important; }
    .ml-5 { margin-left: 30px !important; }
    .p-3 { padding: 20px !important; }
    .pt-3 { padding-top: 20px !important; }
    .pr-3 { padding-right: 20px !important; }
    .pb-3 { padding-bottom: 20px !important; }
    .pl-3 { padding-left: 20px !important; }
    .p-4 { padding: 25px !important; }
    .pt-4 { padding-top: 25px !important; }
    .pr-4 { padding-right: 25px !important; }
    .pb-4 { padding-bottom: 25px !important; }
    .pl-4 { padding-left: 25px !important; }
    .p-5 { padding: 30px !important; }
    .pt-5 { padding-top: 30px !important; }
    .pr-5 { padding-right: 30px !important; }
    .pb-5 { padding-bottom: 30px !important; }
    .pl-5 { padding-left: 30px !important; }
    .section-spacing { padding: 40px 20px; }
}
@media only screen and (min-width:640px) and (max-width:979.99px) {
    .m-3 { margin: 25px !important; }
    .mt-3 { margin-top: 25px !important; }
    .mr-3 { margin-right: 25px !important; }
    .mb-3 { margin-bottom: 25px !important; }
    .ml-3 { margin-left: 25px !important; }
    .m-4 { margin: 30px !important; }
    .mt-4 { margin-top: 30px !important; }
    .mr-4 { margin-right: 30px !important; }
    .mb-4 { margin-bottom: 30px !important; }
    .ml-4 { margin-left: 30px !important; }
    .m-5 { margin: 35px !important; }
    .mt-5 { margin-top: 35px !important; }
    .mr-5 { margin-right: 35px !important; }
    .mb-5 { margin-bottom: 35px !important; }
    .ml-5 { margin-left: 35px !important; }
    .p-3 { padding: 25px !important; }
    .pt-3 { padding-top: 25px !important; }
    .pr-3 { padding-right: 25px !important; }
    .pb-3 { padding-bottom: 25px !important; }
    .pl-3 { padding-left: 25px !important; }
    .p-4 { padding: 30px !important; }
    .pt-4 { padding-top: 30px !important; }
    .pr-4 { padding-right: 30px !important; }
    .pb-4 { padding-bottom: 30px !important; }
    .pl-4 { padding-left: 30px !important; }
    .p-5 { padding: 35px !important; }
    .pt-5 { padding-top: 35px !important; }
    .pr-5 { padding-right: 35px !important; }
    .pb-5 { padding-bottom: 35px !important; }
    .pl-5 { padding-left: 35px !important; }
    .section-spacing { padding: 50px 20px; }
}
@media only screen and (min-width:980px) and (max-width:1169.99px){
	.m-4{margin:35px!important}
	.mt-4{margin-top:35px!important}
	.mr-4{margin-right:35px!important}
	.mb-4{margin-bottom:35px!important}
	.ml-4{margin-left:35px!important}
	.m-5{margin:40px!important}
	.mt-5{margin-top:40px!important}
	.mr-5{margin-right:40px!important}
	.mb-5{margin-bottom:40px!important}
	.ml-5{margin-left:40px!important}
	.p-4{padding:35px!important}
	.pt-4{padding-top:35px!important}
	.pr-4{padding-right:35px!important}
	.pb-4{padding-bottom:35px!important}
	.pl-4{padding-left:35px!important}
	.p-5{padding:40px!important}
	.pt-5{padding-top:40px!important}
	.pr-5{padding-right:40px!important}
	.pb-5{padding-bottom:40px!important}
	.pl-5{padding-left:40px!important}
	.section-spacing{padding:50px 30px}
}

/*----- 16. Print -----*/
@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
h2{color: #000;letter-spacing: -0.11em;line-height: .8;font-weight: 800;}

.section-heading {display: block;position: relative; }
.section-heading h2{font-weight: 600;margin-bottom: 0; margin: 0 auto 15px;font-size: clamp(40px, 8vw, 80px);font-family: "arial",sans-serif}
.section-heading h2:after {content: ".";color: #4DC8E3;}
.section-heading p{font-size: 15px;font-weight: 200;color: #757575;line-height: 1.1;margin: 0 auto 15px;}

.hrline, .hrlineB {clear: both;width: 100%;margin: 0 auto;padding: 0;height: 2px;position: relative;background: url(images/line-h.png) 0 0 repeat-x;margin-bottom: 30px;}
.hrline span, .hrlineB span {width: 30px;background: #999;height: 1px;position: absolute;top: 0;left: 0;}
.page-heading{margin: 15px 0 30px;width: 69%;float: left;text-transform: uppercase;font-family: "Open Sans", sans-serif;font-weight: 700;}
.inner-heading {margin: 20px 0;letter-spacing: -0.09em;line-height: 1;font-family: "Open Sans", sans-serif;font-weight: 700;color: #333;}

/* Header */
header {display: block;width: 100%;height: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);position: sticky;top: 0;z-index: 999;border-bottom:1px solid #e3e3e3 !important;padding: 10px 0;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));background-color: #fff;min-height: 50px;padding: 10px;}
header .wrapper{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.logo{display: block;height: 0;opacity: 0;max-width: 165px;	-webkit-transition: all 1.1s ease;-moz-transition: all 1.1s ease;-o-transition: all 1.1s ease;transition: all 1.1s ease;}
.showme{opacity: 1;width: 165px;height: auto;}

nav{display: block;position: relative;width: auto;}
nav ul{position: relative;list-style: none;display: flex; flex-wrap: wrap;gap: 25px;}
nav ul li a {font: 700 12px / 1em "Open Sans", sans-serif;color: #222;text-transform: uppercase;text-decoration: none;transition: all 0.3s ease-in-out;}
nav ul li:hover a {color: #4DC8E3;text-decoration: none;transition: all 0.3s ease-in-out;}
nav ul li.active a {color: #4DC8E3;}

/* .hero{width: 100%;height: 100vh;background-image: url(images/banner.jpg);overflow: hidden;padding: 0 0;position: relative;z-index: 2;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: 100%;background-color: #333333;} */
.hero{width: 100%;height: 100vh;/* background-image: url(images/banner.jpg);*/ overflow: hidden;padding: 0 0;position: relative;z-index: 0;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: 100%;background-color: #333333;}
.hero img{position: fixed;width: 100%;height: 100%;display: block;object-fit: cover;}

.about-wrap{position: relative;width: 100%;display: block;}
.about-content{position: relative;width: 100%;height: 100%;display: block;padding:clamp(0px, 6vw, 77px);background-color: #ffffff;}
.about-content .width50{z-index: 2;display: flex;flex-direction: column;justify-content: space-between;min-height: 500px;}
.about-content img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;z-index:0;left: 0;}
.about-content p{font-size: 12px;line-height: 1.8;position: relative;color: #ffffff;}
.box-head{display: block;font-size: clamp(22px, 5vw, 30px);line-height: 1.2;color: #ffffff;margin: 15px 0 5px;}

.blog-wrapper{position: relative;width: 100%;display: block;}
p.idea-subline{ line-height: 1.5;border-left:1px solid #dee2e6;padding: 20px 0px 20px 40px;}
.h-blog-wrap {display: flex;position: relative;width: 100%;height: auto;row-gap: 30px;flex-wrap: wrap;}
.h-blog-wrap .fl{height: auto;}
.h-blog-box{position: relative;display: block;width: 100%;border: 1px solid #ddd;box-shadow: 0 0 7px -4px #000;height: 100%;}
.blog-img, .blog-thumb{display: block;width: 100%;position: relative;}
.blog-thumb img{position: relative;display: block;width: 100%;height: 100%;object-fit: cover;height: 200px;}
.overlay{position:absolute;content:"";width:100%;height:100%;top: 0;background: rgba(75, 187, 224, 0.85);opacity: 0;inset: 0;transition: opacity .3s;}
.date {position: absolute;top: 50%;left: 45px;right: 45px;transform: translateY(-50%);padding: 3px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #fff;font-size: 11px;text-align: center;opacity: 0;transition: opacity .3s;}
.h-blog-box:hover .overlay, .h-blog-box:hover .date { opacity: 1; }
.tag{background-color: #009cd8;position: absolute;bottom: -12px;padding: 2px 15px;font-weight: bold;z-index: 1;right: 0;color: #fff;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;width: 85%;z-index: 99;text-decoration: none;}
.title {margin: 0;padding: 30px 30px 10px;font-size: 13px;font-weight: bold;line-height: 1.2;text-transform: uppercase;position: relative;width: 100%;height:auto; display: block;color: #333;font-family: "Open Sans", sans-serif;text-decoration: none;}
.title:hover{color: #009cd8;text-decoration: none;}
.tag:hover{text-decoration: none;color: #fff;}

.lifeline{position: relative;width: 100%; position: sticky;width: 100%;height: 100%;background-image: url(images/Paris-Nights-Sky1.jpg);background-position: 50% -147px;overflow: hidden;padding: 0 0;position: relative;z-index: 2;background-attachment: fixed;background-repeat: no-repeat;}
.lifeline-wrap{position: relative;width: 100%;height: 100%;text-align: center;}.lifeline-wrap h2{font-weight: 600;}

.services-wrap{width: 100%;height: 100%;display: flex;position: relative;margin-top: 100px;flex-wrap: wrap;}
.services-wrap .fl{height: auto;}
.service-box{position: relative;width: 100%;height: 100%;display: block;background-color: #fff;text-align: center;padding: 100px 40px 40px;border-radius: 6px;border-top: 5px solid #4DC8E3;transition: all 300ms ease-in-out;}
.service-thumb{display: block;width: 140px;height: 140px;border-radius: 50%;top: -60px;background-color: #fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);position: absolute;    padding: 30px;left: 50%;transform: translateX(-50%);transition: all 300ms ease-in-out;}
.service-thumb img{width: 100%;height: 100%;display: block;object-fit: cover;}
.service-box:hover{background-color:#e1f0fa;}
.service-box:hover .service-thumb{width: 110px;height: 110px;padding: 15px;top: -40px;}
.service-box:hover .service-thumb img{ filter: brightness(0) saturate(100%) invert(76%) sepia(35%) saturate(1000%) hue-rotate(155deg) brightness(95%) contrast(90%);}
.service-content a{color: #333;line-height: 1.2;text-decoration: none;width: 100%;display: block;}
.service-content h3 a, .service-content h3{font-size: 20px;font-weight: 700;text-transform: uppercase;}
.service-content a:hover{color: #4DC8E3;text-decoration: none;}
.service-content {position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;gap: 15px;}

footer{padding: clamp(50px, 8vw, 150px) 0 clamp(50px, 8vw, 160px);display: block;width: 100%;height: 100%;position: relative;background-color: #ffde00;}
.footer-wrap {display: flex;align-items: center;padding: 60px 3% 20px 3%;flex-wrap: wrap;}
.footer-left {text-align: center;display: block;padding-right: 50px;}
.footer-left h2 {margin: 0;padding: 0 0 16px;border-bottom:1px solid #8b8b8b;font-size: 33px;font-weight:100;line-height: 1.2;color: #111 ;font-family: "Open Sans", sans-serif;letter-spacing: -1px;}
.footer-right {min-height: 130px;padding-left: 35px;border-left: 1px solid rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;justify-content: normal;}
.social-links {display: flex;gap: 10px;margin-bottom: 25px;}
.social-links a {width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.03); padding:5px;position: relative;}
.email {display: inline-flex;align-items: center;gap: 5px;color: #222;text-decoration: none;font-size: 22px;font-weight: 700;}
.email:hover {color: #4DC8E3;}
.email span{width: 26px;height: auto;display: block;position: relative;}
.social-links a  img, .email span img{width: 100%;height: 100%;display: block;position: relative;object-fit: cover;}
.social-links a:hover img {filter: brightness(0) saturate(100%) invert(76%) sepia(36%) saturate(755%) hue-rotate(151deg) brightness(94%) contrast(91%);}
.social-links a::before {content: attr(data-title);position: absolute;left: 50%;bottom: calc(100% + 6px);transform: translate(-50%, 4px);background: #222;color: #fff;padding: 5px 7px;font-size: 11px;line-height: 16px;font-weight: 600;white-space: nowrap;border-radius: 3px;opacity: 0;visibility: hidden;pointer-events: none;z-index: 99;transition: opacity 0.2s ease, transform 0.2s ease;}
.social-links a::after {content: "";position: absolute;left: 50%;bottom: calc(100% + 1px);transform: translateX(-50%);border: 5px solid transparent;border-top-color: #222;opacity: 0;visibility: hidden;pointer-events: none;z-index: 99;}
.social-links a:hover::before,
.social-links a:hover::after,
.social-links a:focus-visible::before,
.social-links a:focus-visible::after {
    opacity: 1;
    visibility: visible;
}

.social-links a:hover::before,
.social-links a:focus-visible::before {
    transform: translate(-50%, 0);
}

.copyright{background-color: #f9f9f9;display: block;width: 100%;position:relative;border: 1px solid #dedede;}
.copyright .wrapper{display: flex;width: 100%;height: 100%;position: relative;justify-content: normal;align-items: center;font-size: 11px;padding: 9px 0;color: #757575;opacity: .7;letter-spacing: -.2px;}

.sticky-social {position: fixed;top: 60px;right: 10px;list-style: none;display: flex;align-items: center;z-index: 999;}
.sticky-social li{position: relative;width: 40px;height: auto;display: block;}
.sticky-social li a{display: block;width: 100%;height: 100%;position: relative;}
.sticky-social li a img{width: 100%;height: 100%;display: block;object-fit: cover;}

.post-wrapper, .inner-wrap{position:relative;display:block;width:100%;padding:40px 0;margin-bottom:40px;}
.post-wrap{position:relative;display:block;width:100%;height:100%;}
.post-box{width:100%;height:100%;display:flex;position:relative;flex-wrap:wrap;margin-bottom:20px;}
.post-box .fl{height:auto;}
.post-thumb{position:relative;display:block;width:100%;height:100%;min-height: 180px;}
.post-thumb img{width:100%;height:100%;display:block;object-fit:cover;}
.post-content{position: relative;display: block;width: 100%;}
.post-heading{font-size: 17px;line-height: 1.3;margin: 10px 0 5px 0;}
.post-heading a{display: block;width: 100%;height: 100%;position: relative;color: #333333;font-weight: 700;font-family: "Open Sans", sans-serif;text-decoration: none;transition: all 0.3s ease-in-out;}
.post-heading:hover a{color:#4DC8E3;}
.post-category {display: flex;position: relative;width: 100%;line-height: 1;margin: 10px 0;gap: 5px;}
.post-category a{color: #333333;display: inline-block;position: relative;text-decoration: none;}
.post-category span{position: relative;margin-left: 5px;}
.post-category span::after{content: '';display: block;width: 1px;height: 100%;background-color: #757575;position: absolute;top: 0;left: -5px;}
.post-category *:last-child{color: #757575;}
.post-content p{font-size: 13px;line-height: 1.5;}
.pagination{position: relative;display: flex;width: auto;gap: 10px;}
.pagination .page-numbers {width: auto;height:25px;padding: 5px;display: flex;align-items: center;text-align: center;justify-content: center;border-radius: 3px;background-color: #dedede;color: #000;text-decoration: none;transition: all 0.3s ease-in-out;min-width:25px;}
.pagination .page-numbers:hover, .pagination a.current{background-color: #4DC8E3;color: #fff;}
.pagination a.next{width: auto;padding:5px 10px ;}

.sidebar {color: #111;display: block;position: relative;width: 100%;}
.search-box {width: 100%!important;height: 38px!important;padding: 0 13px!important;box-sizing: border-box!important;border: 1px solid #ddd!important;box-shadow: 0 1px 2px rgba(0,0,0,0.08)!important;outline: none!important;font-size: 12px!important;margin-bottom: 30px!important;}
.newsletter input[type="email"] {width: 100%;height: 34px;box-sizing: border-box;border: 1px solid #ddd;padding: 0 10px;outline: none;font-size: 13px;margin-bottom: 0;}
.newsletter button { width: 100%; height: 32px; border: 0; background: #444; color: #fff; font-size: 11px; font-weight: 600; cursor: pointer;}
.podcast {margin-top: 24px;}
.podcast-box {display: flex;gap: 10px;border-bottom: 1px solid #eee;padding: 8px 0;}
.podcast-box span a{text-decoration: none;}
.podcast-thumb{display: block;width:60px;height:auto;min-width: 60px;}
.podcast-thumb img,.podcast-box span {width: 100%;height: 100%;object-fit: cover;display: block;}
.podcast-box span a:hover{color: #009cd8;}
.podcast-box:last-child{border: none;}

.author-name{position: relative;display: block;width: 100%;}
.inner-wrap a,.author-name a{color: #4DC8E3;text-decoration: none;}
.inner-content-wrap{position: relative;display: block;width: 100%;}
.inner-content-wrap h2{margin: 15px 0;padding: 0;    font-family: "Montserrat", sans-serif;}
.inner-content-wrap h3{font: 700 21px / 1.5em "Open Sans", sans-serif;color: #4a4a4a;margin: 15px 0 5px 0;padding: 0;letter-spacing: -0.025em;}
.inner-content-wrap span{margin: 5px 0;display: block;}
.inner-content-wrap img{width: 100%;height: 100%;display: block;object-fit: cover;}
.img-thumbanil{border: 1px solid #dedede;position: relative;display: block;width: 100%;height: auto;object-fit: cover;padding: 5px;border-radius: 5px;}
.blog-social{display: flex;gap: 50px;margin-bottom: 30px;flex-wrap: wrap;}
.prev-blog, .next-blog{position: relative;display: block;    padding: 0 20px;}
.next-blog{text-align: end;}
.prev-blog::after{background: url(images/left.png);left: 0;}
.next-blog::after{background: url(images/right.png);right: 0;}
.prev-blog::after, .next-blog::after {content: '';position: absolute;top: 50%;width: 15px;height: 15px;display: block;background-size: 15px;background-repeat: no-repeat;transform: translateY(-50%);}

@media only screen and (max-width:479px) {
    .fluid-container, .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .one-eighth,.two-third{width:100%;margin-right:0}
    .hero{height: auto;}
    .hero img{position: relative;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.two-third, .post-wrapper .one-third, .inner-wrap .one-third{width:100%; margin-right:0;}
    .one-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .one-eighth, .one-third:nth-child(3n){width:48.50%;margin-right: 3%;}
	.one-half{width:100%; margin-right:0;}
    .one-half:nth-child(2n),.one-third:nth-child(2n),.one-fourth:nth-child(2n),.one-fifth:nth-child(2n),.one-sixth:nth-child(2n),.one-seventh:nth-child(2n),.one-eighth:nth-child(2n){margin-right:0}
}
@media only screen and (max-width:639px) {
    .about-content .width50{min-height: auto;}
    .about-content img{position: relative;}
    .about-content p{color: #757575;font-size: 14px;}
    .box-head{font-weight: 700;color: #4a4a4a;font-size: 21px;font-family: "Open Sans", sans-serif;}
    h2{letter-spacing: -0.05em;line-height: 1;}

}
@media only screen and (min-width:574px) and (max-width:979px) {.post-box .one-third{width: 31.33%;margin-right: 3%;}.post-box .two-third{width: 65%;}}
@media only screen and (max-width:767px){
    .width50, .width60{width:100%;margin-right:0}
    .footer-wrap{gap: 30px;}
    .footer-left, .footer-right{padding:0;}
    .footer-right{border: none;text-align: center;align-items: center;}
    .services-wrap{margin-top:70px;}
    .services-wrap .fl{margin-bottom: 70px;}
    .services-wrap .fl:last-child {width: 100%;margin-bottom: 0;}
    p.idea-subline{border: none;padding: 0;}

}
@media only screen and (max-width:979.99px) {
    nav{display: none;}
    .hero{height: auto;}
    .hero img{position: relative;}
    .copyright .wrapper{justify-content: center;}
    .sticky-social{top: 5px;}
    .post-wrapper, .inner-wrap{padding: 30px 20px;}
    .inner-wrap .two-third,.post-wrapper .two-third{margin-bottom: 30px;}
    .service-box{padding: 100px 20px 30px;}
}
@media only screen and (min-width:980px) and (max-width:1169.99px){
    .one-third{width:31.33%}
    .one-fourth,  .one-fifth, .one-sixth{width:22.75%}
    .one-seventh, .one-eighth{width:14.16666666666667%}
    .one-third:nth-child(3n),.one-fourth:nth-child(4n),.one-fifth:nth-child(4n),.one-sixth:nth-child(4n),.one-seventh:nth-child(6n),.one-eighth:nth-child(6n),.client-box .one-seventh:nth-child(6n){margin-right:0}
    .one-seventh:nth-child(n){margin-right:3%}
}
@media screen and (max-width:1350.99px){.wrapper{width:100%;}}
@media (min-width:1351px) and (max-width:1499.99px){
    .one-third{width:31.33%}
    .one-fourth{width:22.75%}
    .one-fifth{width:17.6%}
    .one-sixth{width:14.16666666666667%}
    .one-seventh{width:11.71428571428571%}
    .one-eighth{width:9.875%}
    .one-third:nth-child(3n), .one-fourth:nth-child(4n), .one-fifth:nth-child(5n), .one-sixth:nth-child(6n), .one-seventh:nth-child(7n), .one-eighth:nth-child(8n){margin-right:0}
}