/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2026 | 11:45:22 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.page-header {
    display: none;
}


.vid-container.e-con.e-flex {
        flex-wrap: nowrap !important;
	--flex-wrap:nowrap !important;
    }

.logged-in .sign-in-btn, .loginsec{
    display:none !important;
}

.logged-in .loginsec {
	display:block !important;
}

/* Hide guest buttons for logged-in users */
.logged-in .sign-in-btn,
.logged-in .menu-item-451 {
    display:none !important;
}

/* User menu */
.ldi-user-menu{
    position:relative;
}

.ldi-user-toggle{
    display:flex !important;
    align-items:center;
    gap:10px;
}

.ldi-user-avatar{
    width:32px;
    height:32px;
    border-radius:50%;
}

.ldi-user-dropdown{
    position:absolute;
    top:100%;
    right:0;
    min-width:180px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:8px;
    padding:8px 0;
    margin-top:10px;
    display:none;
    z-index:9999;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.ldi-user-menu:hover .ldi-user-dropdown{
    display:block;
}

.ldi-user-dropdown li{
    margin:0;
}

.ldi-user-dropdown a{
    display:block;
    padding:10px 16px;
    color:#222 !important;
    text-decoration:none;
}

.ldi-user-dropdown a:hover{
    background:#f5f5f5;
}

.nav-cta.sign-in-btn a:hover,
.nav-cta.sign-in-btn a:focus,
.nav-cta.sign-in-btn a:active,
.nav-cta.sign-in-btn a:focus-visible {
    color: #fff !important;
    opacity: 1 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

:root{
    --navy:#1A365D;
    --navy-deep:#0E1D35;
    --red:#D34949;
    --red-dark:#A63535;
    --ink:#1A1A1A;
    --muted:#5A5A5A;
    --line:#E5DFD3;
    --line-strong:#C9C0AE;
    --bg:#FFFFFF;
    --bg-cream:#FBF7F0;
    --bg-deep:#0E1D35;
    --gold:#B8895C;
    --shadow-sm: 0 2px 8px rgba(14,29,53,.05);
    --shadow-md: 0 8px 24px rgba(14,29,53,.08);
    --shadow-lg: 0 16px 48px rgba(14,29,53,.12);
    --maxw:1200px;
    --serif:'Fraunces', Georgia, 'Times New Roman', serif;
    --sans:'IBM Plex Sans', -apple-system, system-ui, sans-serif;
    --mono:'IBM Plex Mono', ui-monospace, monospace;
}

.member-login-box {
    max-width: 520px;
    margin: 40px auto;
    padding: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 8px 30px rgba(0,0,0,.05);
}

.member-login-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #f4f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.member-login-box h3 {
    margin: 0 0 12px;
    color: #143766;
}

.member-login-box p {
    margin: 0 0 24px;
    color: #5f6673;
    line-height: 1.6;
}

.member-login-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #143766;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}

.member-login-btn:hover {
    color: #fff;
}

.member-register-link {
    margin-top: 20px !important;
    font-size: 14px;
}

/* Login Modal */

.login_modal .close {
	width: 50px;
	height: 50px;
/* 	border-radius: 50%; */
	box-shadow: 0px 10px 15px #27303D1A;
	background-color: #f3f6f9;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
}

.login_modal .close span {
	color: #223541;
	font-size: 34px;
}

.login_modal .modal-dialog {
	height: 100vh;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	align-items: center;
}

.login_modal .modal-content {
	background-color: transparent;
	border: none;
	height: 100%;
	position: relative;
}

.login_modal .modal_contant {
	background: #f3f6f9;
	border-radius: 20px;
	padding: 40px;
	height: 100%;
	overflow-y: auto;
}

.login_modal .modal_contant .left_img {
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border-radius: 35px;
	padding: 30px;
}

.login_modal .modal_contant .right_contant {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.login_modal .modal_contant .right_contant .inner_wrapper {
	width: 100%;
}

.login_modal .login_wrapper {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.login_modal .modal_contant .left_img img {
	display: inline-block;
	width: 535px;
	max-width: 100%;
	height: auto;
}

.login_modal .right_contant .logo_wrapper {
	text-align: center;
	margin-bottom: 35px;
/* 	background-color:#223541; */
	padding:25px;
	border-radius:50px;
}

.login_modal .right_contant .logo_wrapper img {
	display: inline-block;
	width: 250px;
	max-width: 100%;
	margin: 0px auto;
}

.login_modal .right_contant .login_form {
	width: 450px;
	max-width: 100%;
	margin: 0px auto;
}

.login_modal .right_contant .login_form .custom_checkbox label {
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	color: #717E90;
	font-size: 15px;
	line-height: 22px;
	padding-left: 38px;
}

.login_modal .right_contant .login_form .custom_checkbox {
	display: inline-block;
	position: relative;
}

.login_modal .right_contant .login_form .custom_checkbox input {
	position: inherit;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	z-index: 2;
	opacity: 0.00000001;
	cursor: pointer;
}

.login_modal .right_contant .login_form .custom_checkbox label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border-radius: 5px;
	border: 1px solid #FC466B;
}

.login_modal .right_contant .login_form .custom_checkbox label::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 4px;
	width: 11px;
	height: 6px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(-45deg);
	display: none;
}

.login_modal .right_contant .login_form .custom_checkbox input:checked+label::after {
	display: block;
}

.login_modal .right_contant .login_form .custom_checkbox input:checked+label::before {
	background-color: #FC466B;
}

.login_modal .right_contant .login_btn_wrapper {
	width: 270px;
	max-width: 100%;
	margin: 0px auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.login_modal .right_contant .login_btn_wrapper .login_op_btn,
.login_modal .right_contant .login_btn_wrapper .btn-social {
	display: block;
	width: 100%;
	color: #717E90;
	font-size: 15px;
	line-height: normal;
	font-family: 'Poppins-SemiBold';
	letter-spacing: 1.2px;
	box-shadow: 0px 3px 15px #0000000D;
	margin-bottom: 5px !important;
	background-color: #ffffff;
	padding: 13px 15px;
	border-radius: 10px;
	text-transform: uppercase;
	position: relative;
	padding-left: 50px;
}

.login_modal .right_contant .login_btn_wrapper .btn-social img,
.login_modal .right_contant .login_btn_wrapper .btn-social i {
	display: none !important;
}

.login_modal .right_contant .login_btn_wrapper .login-button::before,
.login_modal .right_contant .login_btn_wrapper .btn-social::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 27px;
	height: 27px;
	transform: translateY(-50%);
	background-image: url(assets/images/sprite-img.png);
	background-size: 500px;
}

.login_modal .right_contant .login_btn_wrapper .login_op_btn.google_login_btn::before,
.login_modal .right_contant .login_btn_wrapper .btn-social:nth-child(2)::before {
	background-position: -5px -4px;
}

.login_modal .right_contant .login_btn_wrapper .login_op_btn.linkdin_login_btn::before,
.login_modal .right_contant .login_btn_wrapper .btn-social:nth-child(3)::before {
	background-position: -45px -4px;
}

.login_modal .right_contant .login_btn_wrapper .login_op_btn.microsoft_login_btn::before,
.login_modal .right_contant .login_btn_wrapper .btn-social:nth-child(4)::before {
	background-position: -86px -4px;
}

.login_modal .right_contant .login_btn_wrapper .login_op_btn:hover {
	text-decoration: none;
}

.login_modal .right_contant .login_btn_wrapper .mo-openid-app-icons>p {
	display: none !important;
}

.login_modal .right_contant .login_btn_wrapper .mo-openid-app-icons {
	height: 130px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 280px;
}

.login_modal .right_contant .already_login {
	font-size: 16px;
	line-height: 25px;
	color: #ABAEC9;
	text-align: center;
}

.disabledbutton {
    pointer-events: none;
    opacity: .4;
}

/* Login Modal End */


  * {
  box-sizing: border-box
}

html,
body {
  margin: 0;
  padding: 0
}

body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--bg);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

img {
  max-width: 100%;
  display: block
}

a {
  color: var(--navy);
  text-decoration: none;
  transition: color .15s ease
}

a:hover {
  color: var(--red)
}

h1,
h2,
h3,
h4 {
  font-family: var(--serif);
  font-weight: 600;
  color: var(--navy-deep);
  line-height: 1.1;
  letter-spacing: -.015em;
  margin: 0 0 .5em
}

h1 {
  font-size: clamp(2.4rem, 5.2vw, 4.4rem);
  font-weight: 500
}

h2 {
  font-size: clamp(1.8rem, 3.6vw, 2.8rem);
  font-weight: 500
}

h3 {
  font-size: 1.35rem;
  font-weight: 600
}

h4 {
  font-size: 1.05rem
}

p {
  margin: 0 0 1em
}

.container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 28px
}

.eyebrow {
  display: inline-block;
  font-family: var(--mono);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 18px
}

header.elementor-location-header {
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
    z-index: 60;
}
  /* ----- Single CTA system ----- */
  .btn a {
  display: inline-flex;
  align-items: center;
  gap: .55em;
  padding: 16px 32px !important;
  border-radius: 4px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: .98rem !important;
  letter-spacing: .01em;
  cursor: pointer;
  border: 1.5px solid transparent;
  transition: all .18s ease;
  text-decoration: none
}

.btn-primary, .btn-primary a {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
  box-shadow: 0 2px 0 var(--red-dark)
}

.btn-primary:hover, .btn-primary a:hover {
  background: var(--red-dark);
  border-color: var(--red-dark);
  transform: translateY(-1px);
  text-decoration: none;
  color: #fff
}

.btn-primary:active, .btn-primary a:active {
  transform: translateY(0);
  box-shadow: 0 0 0 var(--red-dark)
}

.btn-primary a:hover::after {background-color:none !important}
.btn-primary a::after {background-color:none !important}
.nav-cta .elementor-item:after {display:none !important;}
.nav-cta a:hover {
	color:#fff !important;
}

.btn-link {
  color: var(--navy);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid var(--line-strong);
  padding: 0 0 2px !important;
  border-radius: 0;
  background: transparent
}

.btn-link:hover {
  color: var(--red);
  border-color: var(--red);
  text-decoration: none
}

.btn-arrow::after {
  content: " →";
  font-weight: 400
}

  /* ----- NAV ----- */
  .nav {
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  z-index: 60
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  gap: 24px
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--navy-deep)
}

.logo-mark {
  width: 36px;
  height: 36px;
  color: var(--navy)
}

.logo-word {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.15rem;
  color: var(--navy-deep);
  letter-spacing: -.01em;
  line-height: 1
}

.logo-tag {
  font-family: var(--mono);
  font-size: .6rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 4px
}

.logo-tag i {
  font-style: normal;
  color: var(--red);
  margin: 0 4px
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 32px
}

.nav-links a {
  color: var(--ink);
  font-size: .94rem;
  font-weight: 500
}

.nav-links a.active {
  color: var(--navy-deep);
  font-weight: 700
}

.nav-cta a {
  padding: 11px 22px !important;
  font-size: .92rem !important
}

@media (max-width: 767px) {

    /* Hide avatar */
    .ldi-user-avatar {
        display: none;
    }

    /* Make toggle cleaner */
    .ldi-user-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 12px 0;
    }

    /* Position dropdown relative to menu item */
    .ldi-user-menu {
        position: relative;
    }

    /* Center dropdown under username */
    .ldi-user-dropdown {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        min-width: 180px;
        width: 180px;
        text-align: left;
    }

    /* Improve dropdown links */
    .ldi-user-dropdown a {
        padding: 12px 16px;
        display: block;
    }

}

@media(max-width:880px){
    .nav-links a:not(.nav-cta a){
        display:none;
    }
}

.elementor-item-active::after, .elementor-item:hover::after{
	display:none;
}

  .footer {
  background: var(--navy-deep);
  color: #fff;
  padding: 64px 0 32px !important
}

.footer a {
  color: rgba(255, 255, 255, .72)
}

.footer a:hover {
  color: #fff;
  text-decoration: none
}

.ft-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px
}

@media(max-width:880px) {
  .ft-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px
  }
}

.ft-brand p {
  color: rgba(255, 255, 255, .65);
  font-size: .94rem;
  max-width: 340px
}

.ft-brand .logo {
  color: #fff;
  margin-bottom: 18px
}

.ft-brand .logo .logo-word {
  color: #fff
}

.ft-brand .logo .logo-tag {
  color: rgba(255, 255, 255, .55)
}

.footer h4 {
  font-family: var(--mono);
  font-size: .74rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 18px;
  font-weight: 600
}

.footer ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.footer li {
  margin-bottom: 10px;
  font-size: .94rem
}

.ft-bottom {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  color: rgba(255, 255, 255, .45);
  font-size: .82rem;
  flex-wrap: wrap;
  gap: 16px
}