:root {
    --primary-color: #1B3467;
    --secondary-color: #D2AE1B;
    --ternary-color:#212121;
    --secondary-body-color: #414141;
    --primary-slider-bg-color: #F1F3F6;
    --primary-border-color: #1B346733;
    --secondary-border-color: #D2AE1866;


}

Body {font-family: "Plus Jakarta Sans", serif !important; font-size: 18px;}

h1{font-size: 72px; font-weight: 700;}
h2 {font-size: 52px; font-weight: 700;}
h3 {font-size: 48px; font-weight: 700;}
h4 {font-size: 38px; font-weight: 700;}
h5 {font-size: 28px; font-weight: 700;}
h6 {font-size: 22px; font-weight: 500;}

header.site-header { padding: 15px 0; }
header.site-header .aluminihead { display: flex; align-items: center; }
header.site-header .aluminihead ul#primary-menu { justify-content: flex-end; margin: 0 20px; }
header.site-header .aluminihead ul#primary-menu li { margin: 0 15px; }
header.site-header .aluminihead ul#primary-menu li a { color: #414141; line-height: 1.3; font-weight: 500;}
header.site-header .aluminihead ul#primary-menu li a:hover, header.site-header .aluminihead ul#primary-menu li.current-menu-item a{color: var(--secondary-color);}
header.site-header .aluminihead .aluminiRegistration { width: 30%; display: flex; justify-content: flex-end; }
header.site-header .aluminihead .aluminiRegistration a {background: var(--secondary-color); font-weight: 500; line-height: 1.3;padding: 15px 22px; border-radius: 6px; color: #ffffff; text-decoration: none; border: 1px solid var(--secondary-color);}
header.site-header .aluminihead .aluminiRegistration a:hover {background: transparent; color: var(--primary-color);}

/* Footer */
footer.site-footer .footer-widget { margin-bottom: 20px; }
footer.site-footer .footer-widget .copyrights { font-weight: 500; margin: 0; }
footer.site-footer .social-media { display: flex; align-items: center; gap: 15px;}
footer.site-footer .social-media img {width: 22px; height: 22px; object-fit: contain;}
footer.site-footer .wp-block-button a { background: var(--secondary-color); border-radius: 6px; border: 1px solid var(--secondary-color); display: inline-block;}
footer.site-footer .wp-block-button a:hover{background: transparent;color: var(--primary-color);}
footer.site-footer .footer-widget h4 { font-size: 22px; font-weight: 500; }
footer.site-footer h2.widgettitle { font-size: 22px; font-weight: 500; margin-bottom: 25px;}
footer.site-footer li { list-style: none; }
footer.site-footer ul { margin: 0; padding: 0; }
footer.site-footer ul li a { text-decoration: none; color: #414141; }
footer.site-footer ul li a:hover, footer.site-footer ul.menu li.current-menu-item a{color: var(--secondary-color);}
footer.site-footer .widget_nav_menu { padding: 0 50px; margin: 0 60px; }
footer.site-footer ul.menu li { margin-bottom: 15px; }
footer.site-footer h4.section { margin-top: 25px; }

/* Home page */
.home-firstfold h1 { color: var(--primary-color); margin-top: 0;margin-bottom: 20px;}
.home-firstfold h3 { color: #414141; }
.home-firstfold h1 strong{ color: #000000;}
.home-firstfold .home-cta-wrapper { display: flex; flex-direction: row !important; }
.primary-btn a {color: #ffffff; background: var(--primary-color)!important; text-decoration: none; border-radius: 6px; font-size: 20px; margin: 0 0 10px 0; border: 1px solid var(--primary-color); font-weight: 500!important;}
.primary-btn a:hover{background: transparent !important; color: var(--primary-color);}
.secondary-btn a {background: transparent!important; font-weight: 500; line-height: 1.3; border-radius: 6px; color: var(--primary-color) !important; text-decoration: none; border: 1px solid var(--secondary-color);}
.secondary-btn a:hover { background: var(--secondary-color) !important; color: #ffffff !important;}

.join-community-text { padding-top: 60px; }
.join-community-text h4{color: #212121;max-width: 90%;}
.join-community-img { padding-bottom: 60px; }
.join-community-img p {color: #414141;}

#get-involved { background: var(--primary-color); border-radius: 32px; padding: 30px; }
#get-involved h3 { color: #ffffff;margin-bottom: 15px; }
#get-involved p {color: #ffffff; margin: 0}
#get-involved .text-wrapper { display: flex; flex-direction: row; align-items: flex-end; }
#get-involved .elementor-button-wrapper { text-align: center; }
#get-involved a.elementor-button { background: var(--secondary-color); font-weight: 500; line-height: 1.3; border-radius: 6px; text-decoration: none; border:1px solid var(--secondary-color); outline:none; }
#get-involved a.elementor-button:hover{background: #ffffff;color: var(--primary-color);}

div#connect_us_top { padding-top: 60px; }
/*div#connect_us_top div, div#connect_us_bottom div{max-width: 1320px;margin: auto;}*/
div#connect_us_top:after{content: url('images/heart.png');position: absolute;right: 8%; top: -40px;}
div#connect_text_wrapper { max-width: 800px; margin: auto; }
div#connect_text_wrapper p { font-size: 24px; }
div#connect_us_bottom h5 { color: #ffffff; font-size: 28px; font-weight: 500; }
div#connect_us_bottom { padding-bottom: 60px; }
div#connect_us_bottom:after { content: url(images/chat.png); position: absolute; bottom: -60px;left: 4%; }
div#connect_us_bottom .elementor-button-wrapper { padding-top: 20px; margin-top: 20px; }

/* Job Archive */
.banner-container { background: var(--primary-color); padding: 40px 0; position: relative; overflow: hidden;}
.banner-container h1, #banner-div h1 { color: #ffffff; }
.banner-container h2 { color: #ffffff; font-size: 52px; max-width: 420px; text-align: center; padding: 0 40px; font-weight: 500;}
.banner-container a, #banner-div a {color: var(--primary-color); text-decoration: none; background: #ffffff!important; padding: 16px 32px; border-radius: 6px; border: 1px solid #D2AE1B;}
.banner-container .right { display: flex; flex-direction: column; align-items: center; gap: 25px; position: absolute; z-index: 1; transform: translate(-50%, -50%); left: 50%; }
.banner-container::after { content: ''; width: 40%; position: absolute; right: 0; height: 760px; top: 50%; background: #D2AE1B; border-top-left-radius: 50%; border-bottom-left-radius: 50%; transform: translateY(-50%); }
.banner-container .yellow-div {position: relative;}
#banner-div h2 { color: #ffffff; font-size: 52px; text-align: center; padding: 0 40px; }

/* Single Job */
.single-job-container { padding: 60px 0; }
.single-job-container .job-archive-container aside.job-filter-sidebar{height: max-content;}
.single-job-container .apply-job { background: #F1F3F6; padding: 40px; }
.single-job-container .job-archive-container h3 {font-size: 22px; font-weight: 500; color: #414141;margin-bottom: 20px;}
.single-job-container h6 {margin-bottom: 20px; color: #414141;}
.single-job-container .contact-info { margin: 40px 0 0; }
.single-job-container .job-content h3 {margin: 20px 0;}
aside.job-filter-sidebar .company-details p { margin-bottom: 10px; font-size: 18px; color: #627785;    line-break: anywhere;}
aside.job-filter-sidebar .company-details {text-align: center;}
.all-jobs-nav a { display: flex; gap: 15px; align-items: center; font-size: 20px; text-decoration: none; color: #000000; }
.all-jobs-nav {margin: 40px 0;}

.job-archive-container { display: flex; padding: 40px 0; margin: 20px 0; gap: 40px;}
.job-archive-container main.job-listings { width: 70%; }
.job-archive-container aside.job-filter-sidebar { width: 30%; background: #1B34670F; padding: 40px 30px; border-radius: 24px; }
.job-archive-container h3 { font-size: 28px; display: flex; gap: 10px; color: var(--primary-color); margin-bottom: 30px;}
.job-archive-container h4 { font-size: 22px; font-weight: 500;color: #000000;}
.job-archive-container .filter-group{margin-bottom: 40px;}
.job-archive-container .filter-group .filter-group-items-wrapper div { margin-bottom: 8px; display: flex; gap: 8px;}
.job-archive-container .filter-group .filter-group-items-wrapper div label { font-size: 18px; color: #627785; font-weight: 500; }
.job-archive-container main.job-listings .job-item { border: 1px solid #F1F3F6; padding: 40px; border-radius: 24px; background: #ffffff; }
.job-archive-container main.job-listings .empty{text-align: center;}
.job-archive-container main.job-listings .job-item h2 a { font-size: 28px; color: #212121; text-decoration: none; }
.job-archive-container .filter-submit input[type="submit"] { padding: 10px 16px; }
.job-archive-container main.job-listings .job-item .company p { margin-bottom: 10px; color: #627785; }
.job-archive-container main.job-listings .job-item .description {margin-top: 20px;}
.job-archive-container main.job-listings .job-item .salary, .job-archive-container main.job-listings .job-item .post-date { display: flex; align-items: center; gap: 10px; }
.job-archive-container main.job-listings .job-item .salary p, .job-archive-container main.job-listings .job-item .post-date p {margin: 0;}
.job-archive-container main.job-listings .job-item .salary-date { display: flex; gap: 20px; margin: 15px 0; }
.job-archive-container a.apply-btn { color: #ffffff; background: var(--primary-color); padding: 16px 32px; text-decoration: none; border-radius: 6px; font-size: 20px; display: inline-block; margin: 0 0 10px 0; border: 1px solid var(--primary-color);}
.job-archive-container a.apply-btn:hover{background: transparent; color: var(--primary-color);}
.job-archive-container main.job-listings .job-item .taxlist p { font-size: 16px; margin: 0; padding: 8px 12px; background: #F1F3F6; display: inline; border-radius: 30px;}
.job-archive-container main.job-listings .job-item .taxlist { display: flex; align-items: center; gap: 10px; margin: 20px 0; }

/* Register page */
.alumini-register-heading {padding: 40px 0 30px;}
.alumini-register-heading h1.elementor-heading-title { color: #000000; }
.register-form-content-section .register-content-bg { padding: 60px; background: #DFECFB; height: inherit; }
.register-form-content-section .register-content-bg .register-content-lg { font-size: 24px; color: #000000; font-weight: 400; }
.register-form-content-section .register-content-bg .register-content-sm { font-size:18px; color:#000000; font-weight:400; }
.register-form-content-section .register-form-section { background: #F1F3F680; padding: 80px 60px; margin-right: 30px; }


/* Single News */
.sl-heading-wrapper { background: var(--primary-color); padding: 70px 0; margin-bottom: 60px; }
.sl-heading-wrapper h1 { color: #ffffff; line-height: 1.2; max-width: 1080px; margin: 20px 0 0;}
.sl-heading-wrapper a { color: var(--secondary-color); font-weight: 500; text-decoration: none; display: flex; align-items: center; gap: 20px; outline: none;}
.sl-content-wrapper { padding: 40px 0 70px; }

.wpcf7-submit { display: none; }

/*Members*/
#banner-div {position: relative; overflow: hidden;}
#banner-div::after { content: ''; width: 45%; position: absolute; right: 0; height: 760px; top: 50%; background: #D2AE1B; border-top-left-radius: 50%; border-bottom-left-radius: 50%; transform: translateY(-50%); }
#banner-div .flex-wrapper { display: flex; flex-direction: row !important; align-items: center; }
#banner-div .flex-wrapper .heading {width: 55%;}
#banner-div .flex-wrapper .CTA-wrapper {width: 45%; z-index: 1;}

div#memberTable_wrapper { padding: 60px 0; }

/* Custom Navigation Container */
.custom-navigation { position: absolute; top: 10px; left: 10px; color: #000; font-size: 18px; font-weight: bold; z-index: 10; } 
.custom-navigation .current-slide, .custom-navigation .total-slides { font-size: 18px; } 
.swiper-progress-bar { position: absolute; bottom: 10px; left: 0; width: 100%; height: 4px; background-color: #ddd; z-index: 10; } 
.swiper-progress-fill { height: 100%; width: 0%; background-color: #0073e6; transition: width 0.3s; }
.swiper-pagination::before { content: "01"; margin-right: 30px; font-weight: 700;}
.swiper-pagination::after { content: "06"; margin-left: 30px; font-weight: 700;}

/* News single */
.sl-content-wrapper .info-wrapper { padding: 30px; border: 1px solid #F1F3F6; border-radius: 24px; margin-bottom: 20px; }
.sl-content-wrapper .info-wrapper .post-date { display: flex; align-items: center; gap: 15px;}
.sl-content-wrapper .info-wrapper .post-date p {margin: 0;}
.sl-content-wrapper .contet-wrapper {padding: 30px;}
.sl-content-wrapper .taxlist{margin: 20px 0;}
.sl-content-wrapper .taxlist p { font-size: 16px; margin: 0; padding: 8px 12px; background: #F1F3F6; display: inline; border-radius: 30px; }

.sl-content-wrapper h6 { color: #414141; }
.sl-content-wrapper blockquote { padding: 40px; background-color: #F1F3F6; margin: 40px 0; }
.sl-content-wrapper blockquote p {margin: 0;}

.job-archive-container main.job-listings blockquote { padding: 40px; background-color: #F1F3F6; margin: 40px 0; }
.job-archive-container main.job-listings blockquote p {margin: 0;}
aside.job-filter-sidebar .company-details .profile-img { width: 88px; height: 88px; background: #ffffff; margin: auto; margin-bottom: 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

label.required::after {
  content: " *";
  color: red;
}
#custom-response-message {
  margin-top: 1em;
  padding: 10px;
  border-radius: 4px;
  display: none;
}

#custom-response-message.success {
  color: green;
}

#custom-response-message.error {
  color: red;
}

form#alumni-form label { width: 100%; color: #627785; margin-bottom: 25px;}
form#alumni-form label input, form#alumni-form label select, form#alumni-form label textarea { width: 100%; padding: 0.8rem; font-size: 18px; border-radius: 8px; border: unset; margin-top: 10px; outline: none;}
form#alumni-form span.required-label { color: red; }
form#alumni-form button#custom-submit-btn { color: #fff; background: var(--secondary-color); padding: 1rem 1.5rem; font-size: 18px; font-family: "Plus Jakarta Sans", sans-serif !important; border: unset; border: 1px solid var(--secondary-color);}
form#alumni-form button#custom-submit-btn:hover{background: #fff; color: var(--secondary-color); }
form#alumni-form label.flex-box { display: flex ; align-items: center; }
form#alumni-form label.flex-box input[type="checkbox"] { width: 40px; margin: 0; }
form#alumni-form label.flex-box span { width: 100%; }
form#alumni-form .simple-loader { display: inline-block; width: 24px; height: 24px; border: 3px solid #ccc; border-top: 3px solid #0073aa; border-radius: 50%; animation: spin 0.8s linear infinite; margin-left: 8px; vertical-align: middle; visibility: hidden; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.thank-you-wrapper p { margin-bottom: 10px; }

@media (min-width: 576px) {
    .e-con-inner { max-width: 540px !important; }
}

@media (min-width: 768px) {
    .e-con-inner { max-width: 720px !important; }
}

@media (min-width: 992px) {
    .e-con-inner { max-width: 960px !important; }
}

@media (min-width: 1200px) {
    .e-con-inner { max-width: 1140px !important; }
}

@media (min-width: 1400px) {
    .e-con-inner { max-width: 1320px !important; }
}

@media(max-width:1200px){
 header.site-header .aluminihead .aluminiRegistration { width: 40%;} 
}

@media(max-width: 1024px){
    h1{font-size: 53px;}
    #banner-div h2 {font-size: 36px;}
    footer.site-footer .widget_nav_menu { padding: 0 20px; margin: 0 20px; }
    .join-community-text h4 {max-width: 100%;}
    .banner-container::after{content: unset;}
    .banner-container .right { position: unset; transform: unset; }
    .banner-container h1, #banner-div h1{text-align: center;}
    h1{font-size: 56px;}
    h2 {font-size: 42px;}
    h3 {font-size: 38px;}
    h4 {font-size: 30px;}
    h5 {font-size: 22px;}
    h6 {font-size: 18px; font-weight: 500;}
    .alumni-dashboard-wrapper { padding: 20px !important; }
}

@media(max-width: 991px){
    .sl-heading-wrapper {margin-bottom: 40px;}
    .single-job-container .job-archive-container {flex-direction: column;}
    .single-job-container .job-archive-container aside.job-filter-sidebar{width: 100%;}
    .single-job-container .job-archive-container main.job-listings { width: 100%; }
}

@media(max-width: 767px){
    h1{font-size: 44px;}
    h2 {font-size: 34px;}
    h3 {font-size: 30px;}
    h4 {font-size: 24px;}
    #banner-div .flex-wrapper .heading, #banner-div .flex-wrapper .CTA-wrapper {width: 100%; text-align: center;}
    #banner-div::after, .banner-container::after{content: unset;}
    footer.site-footer .widget_nav_menu { padding: 0; margin: 20px 0 40px; }
    h1{font-size: 42px;}
    #banner-div h2 {font-size: 32px;}
    .swiper-pagination::before { margin-right: 10px; font-weight: 700; font-size: 16px; }
    .swiper-pagination::after { margin-left: 10px; font-weight: 700; font-size: 16px;}
    .photo-gallery-sub-container .photo-gallery-text-overlay.elementor-widget { min-width: 100%; }
    .job-archive-container main.job-listings {width: 60%;}
    .job-archive-container main.job-listings .job-item{padding: 20px;}
    .sl-content-wrapper blockquote { padding: 20px;}
}

@media(max-width: 360px){
    h1{font-size: 37px;}
}