/* First Fold */


.Filter .Search_Box input {
    min-width: 195px;
    font-size: 14px;
    min-height: 44px;
}
.Filter {
    flex-wrap: wrap;
}
.Sort_by .Input_Box .filter-selection.form-floating .dropdown button {
    background: #fff;
    min-width: 202px;
}
.filter_left {
    display: flex;
    gap: 16px;
}
.filter_area {
    display: flex;
    gap: 16px;
}
button.filter_btns, .filter_heaading, .filter_footer {
    display: none;
}
.filer_column {
    display: flex;
    gap: 16px;
    align-items: center;
}

.Input_Box .Delivery {
    width: 215px !important;
}
.Input_Box .Qualification {
    width: 230px !important;
}
.Input_Box .Sort_by {
    width: 200px !important;
}

.not_found_main {
    display: flex;
    justify-content: center;
    padding: 80px 15px;
    background: var(--Theme-Blue-50, #EBEEFD);
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex-direction: column;
    align-items: center;
}
.not_found_main p.not_found {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-top: 46px;
}
.not_found_main p.msg {
    color: var(--Text-Grey-400, #98A2B3);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
    max-width: 300px;
}
.Courses_Can ul.Tags li.searched_qualification
{
    background: #3a58ef;
    color: #fff;
}
.test-iframe .btn-close {
    background-color: #ffffff;
    color: #000;
    opacity: 1;
    position: absolute;
    right: 3px;
    z-index: 99;
    top: 3px;
    width: 30px;
    height: 30px;
}
.Qualifications ul li a:hover {
    background: #EBEEFD;
}
.Qualifications ul.Explore li a.Explore:hover {
    background-color: #3a58ef;
    color: #fff;
}
.Qualifications ul.Explore li a.Explore:hover svg path {
    fill: #fff;
}
.Learn_Review a:hover {
    background-color: var(--Theme-Blue-500, #3A58EF);
    color: #fff;
}
.Learn_Review a:hover svg path {
    fill: #fff;
}
.User_Main a:hover {
    background: #fff;
    color: #3a58ef;
}
.User_Main a:hover svg path {
    fill: #3a58ef;
}
.search_box_text
{
    color: var(--Text-Grey-500, #5D667B);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}
.search_box_text a svg {
    width: 18px;
    height: 18px;
    margin-left: 5px;
}
.search_box_text span
{
    color: var(--Text-Grey-700, #344054);
}

.Filter {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    align-items: center;
    justify-content: center
}

.Input_Box .filter-selection {
    width: 195px
}

.Input_Box .form-floating .dropdown button.disabled {
    background-color: var(--Text-Grey-100,#e7e9ed)
}

.Courses_Box span.Trending.coming_soon {
    position: absolute;
    padding: 4px 8px;
    top: 12px;
    left: 12px;
    border-radius: 4px;
    background: var(--Warning-Yellow-50,#fffaeb)
}

.Courses_Box span.Trending.coming_soon {
    right: 10px;
    left: auto
}

.bootstrap-select .dropdown-menu li {
    position: relative;
    border-bottom: 1px solid #d0d5dd
}

.bootstrap-select .dropdown-menu li a.active {
    background: #f3f1fd
}

.bootstrap-select .dropdown-menu li span.text {
    color: var(--Text-Grey-500,#5d667b);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.filter-selection .bootstrap-select .dropdown-menu li a {
    padding-left: 40px
}

.Sort_by .dropdown button {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200,#eaecf0);
    background-color: #fff;
    color: var(--Text-Grey-900,#101828);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 12px;
    height: 44px
}

.Search_Box1 {
    position: relative;
    /* display: inline-block;
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 12px; */
}

.Search_Box1 svg {
    position: absolute;
    top: 10px;
    left: 10px
}

.Search_Box1 input {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200,#eaecf0);
    background: var(--White,#fff);
    padding: 9px 12px;
    padding-left: 36px
}

.search-box{
    background: #E8E8E4;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    line-height: 60px;
    box-shadow: none;
    border-top: 0;
    display: none;
}

.search-box:before{
  content: "";
  position: absolute;
  top: -32px;
  right: 13px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #D80B15;
  display: none;
}

.search-box input[type="text"]{
  width: 200px;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #D80B15;
  outline: none;
}

.search-box input[type="button"]{
  width: 80px;
  padding: 5px 0;
  background: #D80B15;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #D80B15;
  outline: none;
  cursor: pointer;
}

.form-floating .bootstrap-select .btn.dropdown-toggle {
    padding: 15px 16px;
    min-height: 50px;
}

.search-box input.form-control {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #eaecf0);
    background: var(--White, #fff);
    padding: 8px 12px 8px 12px;
}

button.btn.btn-search {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

/* .Search_Box1 svg {
    position: relative;
    top: 0;
    left: 0;
} */


.filter-selection .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.filter-selection .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.filter-selection .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.filter-selection .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, 
.filter-selection .btn-check:checked+.btn, .filter-selection .btn.active, 
.filter-selection .btn.show, .filter-selection .btn:first-child:active, 
.filter-selection :not(.btn-check)+.btn:active {
    padding-top: 15px;
}

section.Cources_Main {
    padding: 48px 0 72px;
    background: var(--White, #FFF);
}

section.Cources_Main h1.Title {
    color: var(--Text-Grey-700, #344054);

/* Webpage/Header 2 */
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    text-align: center;
    /* margin-bottom: 36px; */
}

section.Cources_Main h1.Title span {
    color: var(--Theme-Blue-500, #3A58EF);
    text-align: center;

/* Webpage/Header 2 */
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 43.2px */
    letter-spacing: -0.72px;
}
.Sub_title {
	margin-top: 12px;
}
.Sub_title h2 {
	color: var(--Text-Grey-700, #344054);
	text-align: center;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

div#course_listing_html {
   
}

.Courses_Box {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    margin-bottom: 24px;
    position: relative;
}
.Courses_Box img.Box_Img {
    border-radius: 12px 12px 0 0;
    width: 100%;
}
.Courses_Can {
    padding: 16px;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
}
.Credit_Name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Credit_Name span {
    border-radius: 4px;
    background: var(--Theme-Blue-50, #EBEEFD);
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 4px 8px;
}
.Credit_Name p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.Courses_Can h3 a {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-top: 16px;
    display: inline-block;
    height: 55px;
    overflow: hidden;
}
p.Date_Time {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
}
.Courses_Can ul.Tags {
    /* display: flex;
    margin: 16px 0; */
    gap: 6px;
    display: inline-block;
    margin: 16px 0;
    height: 33px;
    overflow: hidden;
}
.Courses_Can ul.Tags li {
    color: var(--Text-Grey-500, #5D667B);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    border-radius: 4px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 6px 12px;
    display: inline-flex;
}
.Learn_Review {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Learn_Review a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 8px 14px;
    display: inline-block;
}
.Learn_Review a svg {
    margin-left: 7px;
}
.Rating ul {
    gap: 4px;
    align-items: center;
    display: flex;
}
.Rating ul li {
    display: inline-flex;
}
.Rating ul li.Rating_Count {
    color: #FFB21E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.Pagination ul li a:hover, .Pagination ul li.active span {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    color: var(--White, #fff);
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
}




/* Second Fold */

section.Trial_Main {
    padding: 72px 0;
    background: #ebeefd
}

.Trial_Left h1 {
    color: var(--Text-Grey-800,#1d2939);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 8px
}

.Trial_Left p.Sub_Line {
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px
}

.Trial_Left .Table_Box table.table thead tr th {
    background: #fff;
    color: var(--Text-Grey-700,#344054);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    vertical-align: text-top;
    padding: 20px 20px 10px 20px
}

.Trial_Left .Table_Box table.table thead tr th.Selcted_Plan {
    background-color: #ebeefd
}

.Trial_Left .Table_Box table.table tbody tr td.Selcted_Plan {
    background-color: #ebeefd
}

.Trial_Left .Table_Box table.table thead tr th .selected_btn span {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0
}

.Trial_Left .Table_Box table.table thead tr th p {
    color: var(--Theme-Blue-900,#04092a);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.head_sub {
    margin-bottom: 24px
}

.head_sub h1,.head_sub h2 {
    color: var(--Theme-Dark-Blue-800,#26244a);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.72px;
    margin-bottom: 12px
}

.head_sub p, .head_sub h3.Sub_Line {
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.Trial_Left .Table_Box table.table thead tr th span {
    color: var(--Text-Grey-500,#5d667b);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 5px
}

.Trial_Left .Table_Box table.table thead tr th:first-child>span {
    color: var(--Text-Grey-700,#344054);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px 0;
    display: block;
    text-align: left
}

.pricing_trial {
    display: flex;
    align-items: center;
    gap: 12px
}

table.table thead tr th:first-child .pricing_trial span {
    color: var(--Text-Grey-700,#344054);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

table.table thead tr th:first-child .pricing_trial b {
    color: var(--Theme-Blue-500,#3a58ef);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.Trial_Left .Table_Box .table>thead {
    vertical-align: middle
}

.Trial_Left .Table_Box table.table thead tr th small {
    color: var(--Warning-Yellow-900,#7a2e0e);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    background: var(--Warning-Yellow-200,#fedf89);
    padding: 2px 8px;
    height: 20px;
    display: inline-block
}

.Trial_Left .Table_Box table.table thead tr th:last-child small {
    background: 0 0
}

.Trial_Left .Table_Box table.table tr:nth-child(odd) td {
    border-bottom: 1px solid var(--Text-Grey-300,#d0d5dd);
    background: #fff
}

.Table_Box table.table tbody tr td {
    color: var(--Text-Grey-700,#344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid var(--Text-Grey-300,#d0d5dd);
    background: var(--Text-Grey-100,#f2f4f7)
}

.Trial_Left .Table_Box table.table tbody tr td {
    padding: 12px 8px;
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    background-color: #fff;
    line-height: 28px
}

.desc_last {
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 24px
}

.Trial_Left .Table_Box table.table tbody tr td a.access_to_communities {
    display: flex;
    justify-content: space-between
}

.Trial_Left .Table_Box table.table tbody tr td.Link_Text {
    display: flex;
    align-items: baseline;
    gap: 5px;
    height: 46px
}

.Trial_Left .Table_Box {
    border: none
}

.Trial_Left .Table_Box table.table tbody tr td a.access_to_communities {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: center;
    color: var(--Text-Grey-700,#344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    justify-content: flex-start
}

.Trial_Left {
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-200,#eaecf0);
    background: var(--White,#fff);
    padding: 24px
}

.Trial_Left .c_tooltip .c_tooltiptext {
    left: 170px;
    bottom: -30%;
    top: auto
}

.Trial_Left .c_tooltip .c_tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -18px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #d3d3d3 transparent transparent;
    bottom: 14px
}

.Trial_Left .c_tooltip .c_tooltiptext::after {
    left: 8px
}

.new_breadcrumb a {
    color: var(--Text-Lignt,#75757d);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.new_breadcrumb a.active {
    color: var(--Dark-Text,#1d2939);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none
}

.Trial_Left .table>:not(caption)>*>* {
    padding: .3rem .3rem
}

.Choose_Plan {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-200,#eaecf0);
    background: var(--White,#fff);
    box-shadow: 0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);
    padding: 24px
}

.Choose_Plan h3 {
    color: var(--Text-Grey-900,#101828);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 8px
}

.Select_Box {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-100,#f2f4f7);
    background: var(--Text-Grey-100,#f2f4f7);
    padding: 8px 16px
}

.Select_Box .form-check {
    display: flex;
    gap: 16px;
    align-items: center
}

.Select_Box .form-check label.form-check-label {
    color: var(--Theme-Blue-800,#182878);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.Select_Box .form-check label.form-check-label p {
    color: var(--Text-Grey-800,#1d2939);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.Select_Box .form-check label.form-check-label p span {
    color: var(--Text-Grey-500,#5d667b);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 4px
}

.Select_Box .form-check input {
    width: 20px;
    height: 20px
}

.Select_Box.active {
    border-radius: 8px;
    border: 1px solid var(--Theme-Blue-200,#9cabf7);
    background: var(--Theme-Blue-50,#ebeefd)
}

.Card_Detail {
    border-radius: 8px;
    background: var(--Text-Grey-50,#f9fafb);
    display: flex;
    padding: 8px 16px;
    margin-block:32px}

.Card_Detail p {
    color: var(--Text-Grey-500,#5d667b);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 6px
}

.Card_Detail span {
    color: var(--Text-Grey-800,#1d2939);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.Subscription_Period {
    border-right: 1px solid #d0d5dd;
    padding-right: 24px;
    margin-right: 24px
}

.Terms_Privacy .form-check label.form-check-label {
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.Trial_Left .Table_Box table.table thead tr th:first-child {
    color: var(--Text-Grey-500,#5d667b);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 370px
}

.card_dtbx_head {
    color: var(--Text-Grey-600,#475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px
}

.card_dtbx label.form-check-label {
    font-size: 14px
}

.selected_btn {
    text-align: center;
    color: #5d667b;
    border-radius: 3.35px;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20.1px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid #3a58ef;
    background: #3a58ef
}

.Blue_Fill_Btn.course_catalogue_btn {
    border: 1px solid #3a58ef!important;
    color: #3a58ef!important;
    background: 0 0!important
}

.eyeicn_wrap {
    position: relative
}

.eyeicn {
    position: absolute;
    right: 12px;
    top: 10px;
    cursor: pointer
}

.isclosebtn {
    padding: 20px 0;
    text-align: right;
    display: none;
}

.isclosebtn a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    color: var(--Text-Grey-900,#101828);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

p.error_paymentfail {
    border-radius: 8px;
    background: var(--Error-Red-50,#fef3f2);
    padding: 4px 16px;
    color: var(--Error-Red-900,#7a271a);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0
}

p.error_paymentfail span {
    color: var(--Error-Red-700,#b42318);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.card_dtbx {
    margin-bottom: 16px
}

.othercontent button.Continue {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500,#3a58ef);
    padding: 12px 20px;
    color: var(--Theme-Blue-500,#3a58ef);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    background: 0 0
}

.powered_by.mt-3 {
    display: flex;
    align-items: center
}

.powered_by label {
    margin-right: 5px
}

.powered_by_logo {
    display: inline-block;
    position: relative
}

.powered_by_logo::after {
    content: '';
    width: 1px;
    height: 20px;
    background: #eaecf0;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 8px
}

.powered_by_logo:last-child:after {
    display: none
}

.Trial_Left .Table_Box table.table tbody tr td a:hover {
    transform: translateX(10px);
    color: var(--Text-Grey-700, #3a58ef);
    text-decoration: underline;
}


/* Third Fold */

section.Connect_with {
    background: var(--White, #FFF);
    padding: 112px 0 72px 0;
    background: var(--Theme-Blue-50, #EBEEFD);
}

section.Connect_with h2 {
    color: var(--Theme-Dark-Blue-800, #26244a);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.72px;
    margin-bottom: 48px;
}

.Connect_with_Main .Connect_with_Box {
    border-radius: 12px;
    border: 1px solid var(--Text-Grey-300, #d0d5dd);
    background: var(--White, #fff);
    padding: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    min-height: 189px;
}

.Connect_with_Main .Connect_with_Box a.Schedule_Call_Btn {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3a58ef);
    padding: 10px 18px;
    color: var(--Theme-Blue-500, #3a58ef);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
}

.Connect_with_Main .Connect_with_Box svg {
    min-height: 68px;
}



/* Fourth Fold */

.More_Reasons {
    padding: 80px 0;
    margin: 0;
    /* background: #fff; */
    background: var(--Theme-Blue-50, #EBEEFD);
}

.Cyber_Box,.More_Reasons ul {
    margin-top: 24px
}

.More_Reasons h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 43.2px;
    letter-spacing: -.02em;
    color: #111e30;
    margin-bottom: 16px
}

.More_Reasons ul li {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #344054;
    margin-bottom: 16px;
    display: flex;
    align-items: start
}

.More_Reasons ul li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #475467
}

.More_Reasons ul li h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #344054;
}

.More_Reasons.Start_your p,.More_Reasons.Start_your ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #475467
}

.More_Reasons.Start_your a.Start_Free_Trial {
    background: #324798;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    padding: 10px 18px;
    border-radius: 4px;
    display: inline-block
}



/* User_Sec - start */
section.User_Sec {
    background: #12327B;
    padding: 54px 0;
    background-size: cover;
    background-position: center;
}
.User_Main {
    text-align: center;
}
.User_Main h5 {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.92px;
    margin-bottom: 12px;
}
.User_Main b {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 4px;
}
.User_Main p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 16px;
}
.User_Main a {
    border-radius: 4px;
    border: 1px solid var(--White, #FFF);
    padding: 12px 20px;
    display: inline-block;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.User_Main a svg {
    margin-right: 8px;
}

/* User_Sec - end */



/* Latest 2024 CPA Course Catalog - Start */

.Latest_CPA_Catalog {
    padding: 72px 0px 72px 0px;
    /* background: linear-gradient(0deg, #F5F8FD 0%, #F5F8FD 100%), #FFF; */
    background: #ffff;
    position: relative;
}

.Latest_CPA_Catalog .Course_Catalog {
    /* border-radius: 12px;
    background: var(--Gradient-G8, linear-gradient(278deg, #DEE3FD 0%, #3a58ef47 100%)); */
    border-radius: 12px;
    background: var(--Gradient-G8, linear-gradient(278deg, #DEE3FD 0%, #F3ECFD 100%));
    position: relative;
}

.Latest_CPA_Catalog .Course_Catalog .headings {
    padding: 70px;
}

.Latest_CPA_Catalog .Course_Catalog .headings h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}

.Latest_CPA_Catalog .Course_Catalog .headings p {
    color: var(--Text-Grey-800, #1D2939);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
}

.Latest_CPA_Catalog .Course_Catalog .press_catalog_img {
    right: 0;
    top: 0;
    max-width: inherit;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.Latest_CPA_Catalog .Course_Catalog .press_catalog_img img.lazyload.entered.loading {
    position: absolute;
    top: -7px;
    right: 0;
    bottom: 0;
    left: auto;
    display: inline-block;
    width: 378px;
    height: 317px;
    max-height: 317px;
    margin: 0 auto;
}
/* Latest 2024 CPA Course Catalog - End */



/* FAQ section start */
section.FAQ_Main {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 72px 0;
}
.Freq_Title h2 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.72px;
}
.FAQ_Main .FAQ_Box .accordion-header .accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: 0;
    margin-right: 24px;
    content: "";
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    width: 32px;
    height: 32px;
    background-size: cover
}

.FAQ_Main .FAQ_Box .accordion-header .accordion-button::before {
    background-image: url(https://assets.my-cpe.com/entigrity-assets/custom/exam_prep/images/Open_Accordion_Icon.svg);
    transition: all 0.3s;
    transform: rotate(45deg)
}

.FAQ_Main .FAQ_Box .accordion-flush .accordion-item .accordion-button.collapsed::before {
    transform: rotate(0deg)
}


.FAQ_Main .FAQ_Box .accordion-button::after {
    display: none
}

.FAQ_Main .FAQ_Box .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
    border: 0;
    background: #fff0;
    padding-left: 0
}

.FAQ_Main .FAQ_Box .accordion-item {
    margin: 0;
    border: none;
    margin-bottom: 16px;
    border-radius: 0;
    background: #fff0;
    border-bottom: 1px solid #D9D9D9
}

.FAQ_Main .FAQ_Box .accordion-body {
    border-radius: 0 0 12px 12px;
    border: 0;
    background: var(--White,#FFF);
    border-top: 0;
    border: 0;
    background: #fff0;
    padding: 0 60px;
    margin: 20px 0;
}

.FAQ_Main .FAQ_Box .accordion-button {
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-left: 0;
}

.FAQ_Main .FAQ_Box .accordion-body p {
    color: var(--secondary-secondary-100,#171A1F);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 0;
    margin-bottom: 15px
}

.FAQ_Main .FAQ_Box .accordion-body ul {
    margin-left: 0;
    list-style: none;
}

.FAQ_Main .FAQ_Box .accordion-body ul li {
    color: var(--secondary-secondary-100,#171A1F);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    list-style: disc;
    margin-bottom: 10px
}
.FAQ_Main .FAQ_Box .accordion-body ul li {
    position: relative;
    list-style: none;
    padding-left: 30px;
}
.FAQ_Main .FAQ_Box .accordion-body ul li:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><circle cx="12.25" cy="12.4219" r="11" fill="%23D8DEFC"/><path d="M16.1956 8.46282C15.9213 8.48318 15.6663 8.61126 15.4862 8.81907L11.5987 13.3285C11.5467 13.3881 11.4829 13.4363 11.4112 13.4699C11.3395 13.5035 11.2617 13.5217 11.1825 13.5235C11.1034 13.5252 11.0248 13.5105 10.9517 13.4801C10.8786 13.4498 10.8127 13.4045 10.7581 13.3472L8.97683 11.4722C8.78704 11.2729 8.52583 11.1571 8.25068 11.1504C7.97553 11.1436 7.70897 11.2465 7.50964 11.4363C7.31032 11.6261 7.19455 11.8873 7.18781 12.1624C7.18107 12.4376 7.28391 12.7041 7.47371 12.9035L10.4768 16.0534C10.5772 16.1576 10.6981 16.2397 10.8318 16.2946C10.9656 16.3496 11.1093 16.3761 11.2538 16.3726C11.3984 16.3691 11.5406 16.3355 11.6715 16.2742C11.8025 16.2128 11.9192 16.1248 12.0143 16.0159L17.0581 10.1753C17.1892 10.019 17.2715 9.82772 17.2951 9.62509C17.3186 9.42246 17.2822 9.21738 17.1905 9.03519C17.0987 8.853 16.9556 8.70169 16.7788 8.59997C16.602 8.49825 16.3992 8.45057 16.1956 8.46282Z" fill="%233A58EF"/></svg>');
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.FAQ_Main .FAQ_Box .collapse {
    border: 0
}
.FAQ_Main .FAQ_Box .accordion-flush .accordion-item .accordion-button.collapsed:focus {
    box-shadow: none;
}
.FAQ_Main .FAQ_Box .accordion-button:focus {
    box-shadow: none;
}
.FAQ_Main .accordion-button:not(.collapsed) {
    background: transparent;
}
/* FAQ section end */



/* Hide Chrome autofill suggestion overlay on bootstrap-select search inputs */
.bootstrap-select .bs-searchbox input:-webkit-autofill,
.bootstrap-select .bs-searchbox input:-webkit-autofill:hover,
.bootstrap-select .bs-searchbox input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Keep the filter chips / Clear All row the same width as the filter row above it, instead of stretching full container width */
.filter_group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: fit-content;
    max-width: 100%;
}
.filter_group .course-filter-chip-row {
    flex: 0 0 auto;
    width: 100%;
}

/* Media Queries */

@media screen and (max-width: 1366.51px) {  
    .Filter {
        display: flex;
        gap: 16px;
        margin-bottom: 0;
        align-items: start;
        justify-content: start;
        padding-top: 15px;
    }

    .Search_Box1 {
        height: 50px;
    }

    .filer_column {
        flex-wrap: wrap;
        align-items: center;
    }

    .Input_Box .Qualification {
        width: 185px !important;
    }

    .Input_Box .filter-selection.form-floating {
        width: 180px;
    }

    .Input_Box .Delivery {
        width: 170px !important;
    }

    .Input_Box .Sort_by {
        width: 185px !important;
    }

    div#course_listing_html {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1199.51px) { 

    .Courses_Can ul.Tags {
       display: inline-block;
        margin: 16px 0;
        height: 33px;
        overflow: hidden; 
    }

    .Learn_Review a {
        padding: 8px 10px;
    }

     .Filter {
        display: flex;
        gap: 16px;
        margin-bottom: 0;
        align-items: start;
        justify-content: start;
        padding-top: 15px;
    }

    .Search_Box1 {
        height: 50px;
    }

    .filer_column {
        flex-wrap: wrap;
        align-items: center;
    }

    .Input_Box .Qualification {
        width: 195px !important;
    }

    .Input_Box .Delivery {
        width: 195px !important;
    }

    .Input_Box .Sort_by {
        width: 195px !important;
    }

    div#course_listing_html {
        margin-top: 24px;
    }

    .Connect_with_Main .Connect_with_Box a.Schedule_Call_Btn {
        padding: 10px 19px;
    }

}

@media screen and (max-width: 991.51px) {

    .Filter {
        display: flex;
        gap: 16px;
        margin-bottom: 0;
        align-items: start;
        justify-content: start;
        padding-top: 15px;
    }

    .Search_Box1 {
        height: 50px;
    }

    .filer_column {
        flex-wrap: wrap;
        align-items: center;
    }

    .Input_Box .Qualification {
        width: 195px !important;
    }

    .Input_Box .Delivery {
        width: 195px !important;
    }

    .Input_Box .Sort_by {
        width: 195px !important;
    }

    div#course_listing_html {
        margin-top: 24px;
    }

    .Credit_Name {
        display: flex;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }

    .Courses_Can h3 a {
        font-size: 14px;
        line-height: inherit;
    }

    .Learn_Review {
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }

    .selected_btn {
        padding: 8px 8px;
    }

    .Trial_Left .Table_Box table.table tbody tr td {
        font-size: 14px;
        line-height: inherit;
    }

    .Popular_Qualifications h2, .Popular_Qualifications ul li a, 
    .Popular_Qualifications ul li a.Explore_More, .Table_Box table.table tbody tr td, 
    .Table_Box table.table tbody tr td a {
        font-size: 14px;
        line-height: inherit;  
    }

    .More_Reasons h2 {
        font-size: 26px;
    }

    .More_Reasons ul li h3 {
        font-size: 16px;
    }

    .More_Reasons ul li span {
        font-size: 14px;
    }

    .Latest_CPA_Catalog .Course_Catalog .headings {
        padding: 42px;
    }






}
@media screen and (max-width: 767.51px) {
  .search-box input[type="text"]{
    width: 140px;
    margin-left: 15px;
  }
  .search-box input[type="button"] {
    margin-right: 12px;
  }

  .Pagination {
    flex-direction: column;
    gap: 16px;
    align-items: start;
  }

  .Pagination .Page_Number_Txt {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .Trial_Left {
    display: block;
  }

  .Latest_CPA_Catalog .Course_Catalog .press_catalog_img img.lazyload.entered.loading {
    position: relative;
    top: 0;
  }

  .head_sub {
    display: block;
  }

  section.Connect_with {
    padding-block: 32px;
  }

  section.Connect_with h2 {
    font-size: 24px;
  }

  .Connect_with_Main .Connect_with_Box {
    margin-bottom: 16px;
  }
}