/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version:2024.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:115px;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ padding-left: 20px; padding-right: 20px; background-color: var(--bs-white); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header.fixed-header{box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.header .action-btns{ margin: 0 0 0 32px; padding: 0; list-style: none; display: flex; align-items: center;}
.header .action-btns li + li{ margin-left: 20px;;}
.header .action-btns .ratio{ width: 54px; border-radius: 50%; overflow: hidden;}
.menu-btn{ margin: 0; padding: 0; background-color: transparent; border: none; font-size: 32px; color: var(--bs-black);}
.offcanvas-title img{ width: 150px;}
.modal-body .map-img img{ width: 70%; opacity: 0.5;}
.country-modal .btn-close{ position: absolute; height: 36px; width: 36px; background-color: var(--bs-white); opacity: 1; top: -10px; right: -10px; padding: 0; border-radius: 50%; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.country-modal .d-flex{padding: 16px; border-radius: 10px; background-color: var(--bs-light); text-align: left; font-weight: 700; color: var(--bs-primary); font-size: 18px;}
.country-modal .d-flex .flag-icon{ width: 60px; margin-right: 16px; display: block;}
.country-modal .d-flex:hover{ color: var(--bs-white); text-decoration: none; background-color: var(--bs-primary);}

.mainNav {width:100%; font-weight: 500;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(0,0,0,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);}

.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-primary);}
.mainNav ul li a {color:var(--black); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li {background: var(--bs-primary); }
.mainNav ul ul li a {color:var(--bs-black); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(0,0,0,0.2);;}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:var(--bs-white);  background:none;  font-size:16px; }
.mainNav > ul >  li > a{ display: flex; align-items: center;}
.mainNav > ul >  li > a span{ margin-right: 10px;}


.account-menu{ position: absolute; top: 100%; right: 20px; width: 150px;}
.account-menu .card-body{ padding: 0; border-radius: 0; border: 1px solid #d8d8d8;}
.account-menu .card-body ul{ margin: 0; padding: 0; list-style: none;}
.account-menu .card-body ul li + li{ border-top: 1px solid #d8d8d8;}
.account-menu .card-body ul li a{ display: block; padding: 6px 15px; color: var(--bs-black); text-align: left; text-decoration: none; font-weight: 500;}
.account-menu .card-body ul li a:hover{ color: var(--bs-primary);}

.banner{ padding: 150px 0; color: var(--bs-white); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.banner:before, .banner:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.banner:before{ background-color: rgba(0,0,0,0.3); z-index: 1;}
.banner:after{background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); z-index: 2;}
.banner h1{ font-weight: 500; line-height: 1.1;}
.banner h1 strong{ font-weight: 700; text-decoration: underline;}
.banner h2{ font-weight: 500;}
.banner .form-content{ background-color: rgba(0,0,0,0.2); border-radius: 16px; backdrop-filter: blur(30px);}
.banner .form-control, .banner .form-control:focus{ background-color: rgba(255,255,255,0.1); color: var(--bs-white); border: none; box-shadow: none;  padding: 1.25rem}
.banner .form-control::-moz-placeholder {color: var(--bs-white); opacity: 1;}
.banner .form-control::placeholder { color: var(--bs-white); opacity: 1;}
.banner .form-content form{ display: block; position: relative;}
.banner .form-content button{ color: var(--bs-white); font-size: 24px; width: 67px; height: 67px; position: absolute; top: 0; right: 0; color: var(--bs-white); border: none; padding: 0; background-color: transparent;}

.section{ padding: 100px 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section-lt{ background-color: #F0F5F7;}

.job-cat-list{ background: var(--bs-sky-grad);}
.job-cat-list .btn{ text-align: left; justify-content: flex-start; height: 66px;}
.job-cat-list .btn img{  margin-right: 10px;}

.step-section:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 1; background: var(--bs-sky-grad); height: 60px;}
.step-section .content-wrapper{-webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.12); box-shadow: 0 16px 32px 0 rgba(0,0,0,0.12); border-radius: 16px; text-align: center; background-color: var(--bs-white);}
.step-content [class*=col-]{ margin-top: 32px;}
.step-content [class*=col-]:before, .step-content [class*=col-]:after{ content: ''; position: absolute; border-top: 3px dashed var(--bs-primary); top: 40px; width: 50%; z-index: 1;}
.step-content .content{ text-align: center; max-width: 400px; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; position: relative; z-index: 2;}
.step-content .content .icon{ color: var(--bs-white); background: var(--bs-light); height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 24px; font-size: 28px; font-weight: 700;}

.why-section .box-content{ padding:20px; text-align:center; box-shadow: 0 16px 32px 0 rgba(0,0,0,0.12); border-radius:16px;}
.why-section .box-content img{ margin:0 auto 24px; display:block; height:40px; width:auto}
.featured-jobs:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: linear-gradient(90deg, rgba(0,37,61,1) 0%, rgba(2,69,112,1) 100%);  opacity:0.9}

.job-post{ background:var(--bs-white); box-shadow: 0 16px 32px 0 rgba(0,0,0,0.12); border-radius:16px; color:#000}
.job-post a:hover{ text-decoration:none;}
.job-post h4 a{ color:#000;}
.job-post h4{ font-weight:500;}
.job-post ul{ margin:0 0 16px 0; padding:0; list-style:none;}
.job-post ul:after{ content:''; display:block; clear:both;}
.job-post ul li{ float:left; margin-right:12px; margin-bottom: 4px;}
.job-post ul li:last-child{ margin-right:0;}
.job-post ul li a{ color:#000; font-size:12px; font-weight:500; background:#D0ECFF; padding:6px 12px; border-radius:6px; display:block;}
.job-post .d-flex{ font-weight:500;}
.job-post .d-flex i{ color:var(--bs-secondary); margin-right:12px}
.job-post .tag{ color:var(--bs-white); padding:4px 10px; color:var(--bs-white); font-weight:600; text-transform:uppercase; background:#53BA02; position:absolute; right:0; top:24px; z-index:100}
.ReviewSlider{ margin-left: -12px; margin-right: -12px;}
.ReviewSlider .item{ padding-left: 12px; padding-right: 12px;}
.ReviewSlider .content{ padding: 32px; border-radius: 16px; background-color: var(--bs-white);}
.ReviewSlider .content h3{ text-transform: capitalize;}
.ReviewSlider .content .ratio{ width: 70px; overflow: hidden; border-radius: 50%; margin-right: 15px;}
.ReviewSlider .slick-slide{ opacity: 0.5;}
.ReviewSlider .slick-slide.slick-current{ opacity: 1;}
.ReviewSlider .slick-dots{ height: 50px; margin-top: 48px;}

.ReviewSlider .slick-prev, .ReviewSlider .slick-prev:hover, .ReviewSlider .slick-prev:focus,
.ReviewSlider .slick-next, .ReviewSlider .slick-next:hover, .ReviewSlider .slick-next:focus
{ top: auto; bottom: 0; -webkit-transform:translate(0%); -ms-transform:translate(0%); transform:translate(0%); background: none; color: var(--bs-dark);}
.ReviewSlider .slick-prev{ left: 30%;}
.ReviewSlider .slick-next{ right: 30%;}

.marquee-featured{ padding: 40px 0;}
.marquee-featured ul{ margin:0; padding:0; list-style:none; display:flex; align-items:center;}
.marquee-featured ul li{margin-right:30px}
.marquee-featured ul li img{width:auto;}

.faq-section{ background: linear-gradient(180deg, rgba(208,236,255,0) 0%, rgba(208,236,255,1) 100%); }
.btn-secetion .btn{ line-height: 1.1; height: 70px;}

.footer-top .social a + a{ margin-left: 12px;}
.footer { background-color: #00253D; color: var(--bs-white);}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer a:hover{ color: var(--bs-light);}
.footer-top{ padding: 60px 0}
.footer-top h4{ text-transform: capitalize; margin-bottom: 20px;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 8px;}
.footer-top .icon{ height: 40px; width: 40px; border-radius: 40px; background: var(--bs-blue-grad); display: flex; align-items: center; justify-content: center; text-decoration: none;}
.footer-bottom{ padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.2); text-align: center;}

.page-banner{ padding:0; color: var(--bs-white); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.page-banner:before, .page-banner:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.page-banner:before{ background-color: rgba(0,0,0,0.3); z-index: 1;}
.page-banner:after{background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); z-index: 2;}
.page-banner .container{ height: 400px; display: flex; align-items: center;}

.apply-form{box-shadow: 0 16px 32px 0 rgba(0,0,0,0.12); border-radius: 16px; background-color: var(--bs-white);}
.job-info .item { margin-top: 32px;} 

.login-form{ background-color: var(--bs-white); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.login-form .nav-tabs{ border: none;}
.login-form .nav-tabs .nav-link{ margin: 0; flex-wrap: wrap; border: none; border-radius: 0; width: 100%; font-size: 18px; text-transform: uppercase; padding: 16px; font-weight: 700; background: var(--bs-secondary); color: var(--bs-white);}
.login-form .nav-tabs .nav-link.active, .login-form .nav-tabs .nav-item.show .nav-link{background: var(--bs-primary); color: var(--bs-white);}
.login-form .nav-tabs li{flex: 0 0 auto; width: 50%;}
.form-row .col-lg-6:first-child{ background: var(--bs-sky-grad);}

.contact-box{-webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); background-color: var(--bs-white); padding: 32px; border-radius: 16px;}
.contact-box .icon{ background-color: var(--bs-primary); color: var(--bs-white); font-size: 24px; border-radius: 10px; margin-right: 16px; height: 60px; width: 60px;}
.contact-box h4{ margin-bottom: 0;}
.form-contact{ -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); background-color: var(--bs-white); border-radius: 16px;}

.section table.dataTable > tbody > tr.child ul.dtr-details{ display: flex; flex-direction: column;}
.section table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, 
.sectio table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{ background-color: var(--bs-primary);}
.account-links{background:var(--bs-white); box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 16px; overflow: hidden;}
.account-links div.d-flex{ padding:20px 15px; font-size:13px; font-weight:500; border-radius: 16px; overflow: hidden;}
.account-links div.d-flex strong{ line-height:150%; display:block;}
.account-links div.d-flex .form-label{font-weight:500; line-height:150%; display:block; margin:0;}
.account-links div.d-flex h6{ line-height:150%; margin:0; font-size:24px; text-transform:capitalize; color:#000;}
.account-links div.d-flex .ratio{ overflow:hidden; border-radius:50%; height:70px; width:70px; margin-right:12px; color:var(--bs-white); text-transform:uppercase;  font-size:18px; background:var(--bs-white);}
.account-links div.d-flex .ratio span{ position:absolute; z-index:10;}
.account-links time{background:var(--bs-blue-grad); padding:18px; color:var(--bs-white); text-align:center; font-size:14px; font-style:normal; font-weight:700; line-height:150%; /* 21px */ text-transform:capitalize;}
.account-links ul{ margin:0; padding:0; list-style:none;}
.account-links ul li + li{border-top:1px solid #E4E4E4;}
.account-links ul li a{ display:flex; align-items:center; color:var(--bs-black); font-size:15px; font-style:normal; font-weight:700; line-height:normal; height:55px; padding:16px 16px 16px 20px; text-decoration:none; text-transform:uppercase; position:relative;}
.account-links ul li a:hover:before, .account-links ul li.active a:before{ background:var(--bs-primary); width:6px; height:100%; left:0; top:0; content:''; position:absolute;}
.account-links ul li a span{ margin-right:10px;}

.account-links-sm div.d-flex{ position:relative; cursor:pointer; background:var(--bs-white); box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.account-links-sm div.d-flex > *{ cursor:pointer;}
.account-links-sm div.d-flex:after{ content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:30px; font-size:24px;}

.offcanvas .btn-close{ position:absolute; top:20px; right:20px;}
.dashboard-body{background:var(--bs-white); box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom:30px; border-radius: 16px;}

.profile-list .item + .item{ margin-top: 32px;}
.profile-list .item{box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px; border-radius: 16px;}
.profile-list .item .user-img{ overflow: hidden; border-radius: 50%; width: 140px; margin-left: auto; margin-right: auto;}
.proof-label .circle{ height: 30px; width: 30px; background-color: var(--bs-success); color: var(--bs-white); font-size: 12px; border-radius: 30px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; font-weight: 500; border: 2px solid;}
.proof-label .label{padding: 2px 6px 2px 12px; border: 1px solid var(--bs-success); font-size: 12px; position: relative; z-index: 1; margin-left: -8px; border-radius: 0 20px 20px 0; font-weight: 500;}
.profile-list .item .name h3{ font-weight: 400;}
.profile-list .item .meta ul{ margin: 0; padding: 0; list-style: none;}
.profile-list .item .meta ul:after{ content: ''; clear: both; display: table;}
.profile-list .item .meta ul li{ float: left; font-weight: 600;}
.profile-list .item .meta ul li:after{ content: "|"; float: right; margin: 0 5px;}
.profile-list .item .meta ul li:last-child::after{ display: none;}
.profile-list .item .skills ul { margin: 0; padding: 0; list-style: none;}
.profile-list .item .skills ul li{ float: left; margin-right: 6px; margin-bottom: 6px;}
.profile-list .item .skills ul li a{ color: var(--bs-primary); padding:2px 10px; border-radius: 30px; font-size: 12px; font-weight: 500; background: var(--bs-light); display: block;}
.profile-list .item .skills ul li a:hover{ color: var(--bs-white); background: var(--bs-secondary);}

.marquee-featured + .step-section:before{ display: none;}

.profile-top{ background: var(--bs-blue-grad); color: #fff;}
.profile-top{ padding: 50px 0;}
.profile-top .ratio{ width: 250px; border-radius: 50%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; border: 5px solid #fff; background-color: #fff;}
.profile-top .proof-label .circle{ border: 2px solid #fff;}
.profile-top .proof-label .label{ background-color: var(--bs-primary); color: #fff; border: none;}
.profile-top h4{ font-weight: 600;}
.profile-top .specilization{ font-weight: 500; font-size: 30px;}
.profile-top ul{ margin: 0 0 12px 0; padding: 0; list-style: none; display: flex; align-items: center; font-weight: 500;}
.profile-top ul li + li{ margin-left: 15px;}
.profile-top .btn-sm{ height: 40px; padding-left: 20px; padding-right: 20px;}
.profile-top .btn-sm + .btn-sm{ margin-left: 12px;} 
.profile-top .flex-grow-1{ margin-left: 32px;}

.info-box{ background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; border-radius: 16px;}
.info-box .overview-item { margin-top: 16px; line-height: 1.2;}
.info-box .overview-item .icon{ background: var(--bs-blue-grad); color: #fff; border-radius: 50%; margin-right: 16px; height: 50px; width: 50px;;}
.info-box .overview-item strong.d-block{ list-style: 1;}
.info-box .overview-item strong{ color: var(--bs-primary);}
.info-box h4{ color: var(--bs-primary);}

.skills .item{ padding: 16px; border-radius: 12px; border: 1px solid #d8d8d8; margin-top: 16px;}
.skills .item nav{ margin-bottom: 5px; display: inline-flex; align-items: center;}
.skills .item nav small{ display: inline-block; font-size: 75%;}
.skills .item nav small:after{ content: '>>'; margin: 0 4px; display: inline-block;}
.skills .item nav{ font-size: 18px; font-weight: 600;}
.skills .item .exp{ color: #999; font-size: 90%;}
.skills .item .stars .fa-solid{ color: var(--bs-yellow);}
.skills .item .stars .fa-regular{ color: #999;}
.basic-info .item{ margin-top: 16px;}
.basic-info .item small{ font-size: 14px;}
.basic-info .item a{ color: var(--bs-blue);}
.results-box blockquote{max-width: 0 0 10px}
.results-box cite{ color: var(--bs-primary); font-weight: 700; margin-bottom: 24px; display: block; font-style: normal;}

.full-video-section  blockquote{max-width: 0 0 10px}
.full-video-section cite{ color: var(--bs-primary); font-weight: 700; margin-bottom: 24px; display: block; font-style: normal;}

.pricing-table .pricing-box{box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; border: none;}
.pricing-table .pricing-box .card-header{ border: none; text-align: center; height: 220px;}
.pricing-table .pricing-box .card-header h2{ font-size: 60px; line-height: 1; font-weight: 500;}
.pricing-table .pricing-box .card-header h2 sub{ font-size: 18px; font-weight: 400; bottom: 0;}
.pricing-table .pricing-box .card-header h5{ text-transform: uppercase;}
.pricing-table .pricing-box .card-header a{ text-decoration: underline; font-size: 500;}
.pricing-table .free-pack  .card-header{ background: var(--bs-green-grad); color: #fff;}
.pricing-table .pro-pack  .card-header{ background: var(--bs-blue-grad); color: #fff;}
.pricing-table .pre-pack  .card-header{ background: var(--bs-red-grad); color: #fff;}
.pricing-table .card-body ul{ margin: 0; padding: 0; list-style: none;}
.pricing-table .card-body ul li{ padding-left: 30px; position: relative;}
.pricing-table .card-body ul li:before{content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; position: absolute; top: 0; left: 0; color: var(--bs-primary);}
.pricing-table .card-body a{ color: var(--bs-blue);}
.pricing-table .card-body ul li + li{ margin-top: 10px;}
.pricing-table .card-footer .btn{ height: auto; padding: 12px 16px; height: auto; flex-direction: column; height: 65px;}
.pricing-table .card-footer small{ display: block; text-transform: uppercase; font-size: 50%; font-weight: 500;}

.pricing-table .pricing-box .card-header input[type="radio"] { display:none;}
.pricing-table .pricing-box .card-header input[type="radio"] + label {border-radius: 10px; background: rgba(245, 245, 245, 0.20); backdrop-filter: blur(25px); height: 60px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; color: var(--bs-white); padding: 0px 24px; text-transform: capitalize; margin: 0 8px; font-size: 14px; align-items: center;}
.pricing-table .pricing-box .card-header input[type="radio"] + label small{ display: block;; font-size: 12px;}
.pricing-table .pricing-box .card-header input[type="radio"]:checked + label { background: var(--bs-white); color: var(--bs-primary);}

.faq-listing .item + .item{ margin-top: 30px;}


@media (min-width:320px) {
h1, .h2-48 h2{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.banner h1{font-size: calc(2.25rem + ((1vw - 3.2px) * 4.0741));}
.page-banner h1{font-size: calc(2.5rem + ((1vw - 3.2px) * 1.2963));}
}

@media (min-width:1400px) {
h1, .h2-48 h2{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.banner h1{font-size: 80px;}
.page-banner h1{font-size: 54px;}
}

@media (min-width:576px) {
}

@media (min-width:768px) {
.step-content [class*=col-]:before{ left: 0;}
.step-content [class*=col-]:after{ right: 0;}
.step-content [class*=col-]:nth-child(1):before, .step-content [class*=col-]:nth-child(3):after{ display: none;}
.why-section .box-content{ padding:32px;}
.marquee-featured ul li{margin-right:50px}
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
.header{ padding-left: 5.2%; padding-right: 5.2%;}
.after-login-content .container{ max-width: 100%; padding-left: 5.2%; padding-right: 5.2%;}
.account-menu{right: 5.2%}
.marquee-featured ul li{margin-right:60px}
}

@media (min-width:1400px) {	
}

.job-post{
  min-height: 280px;
}