/*--------------------------------------------------------------------*\
    #CPM CSS ADDED
\*--------------------------------------------------------------------*/

/*-------------------*\
    #WORDPRESS CORE
\*-------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/********************************************************************************************************/

/*-------------------*\
    GENERAL
\*-------------------*/

/*--------------------------------------------------------------
 * ## VARIABLE DEFINE
 *--------------------------------------------------------------
 */

:root{
    --primary-color: #249B99;
    --secondary-color: #158499;
    --tertiary-color: #84c448;

    --primary-bg-color: #fdfdfd;
    --secondary-bg-color: #e7f5f8;
    --tertiary-bg-color: #d1ecf1;

    --body-color: #414143;
    --box-shadow: 0 0 10px 3px rgba(51, 51, 51, 0.3);
}

.p-color{
    color: var(--primary-color);
}

.s-color{
    color: var(--secondary-color);
}

.t-color{
    color: var(--tertiary-color);
}

.p-bg-color {
    background-color: var(--primary-color);
}

.s-bg-color{
    background-color: var(--secondary-color);
}

.t-bg-color{
    background-color: var(--tertiary-color);
}

.b-shadow{
    box-shadow: var(--box-shadow);
}

/*--------------------------------------------------------------
 * ## GLOBAL CSS
 *--------------------------------------------------------------
 */

.clear{
    clear:both;
}

.clearfix:after, .clearfix:before{
    display:table;
    content:""
}

.clearfix:after{
    clear:both;
}

.clearfix{
    *zoom:1
}

*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

html,
html.no-js{
    margin-top: 0 !important;
    overflow-x: hidden;
}

body {
    background: var(--primary-bg-color);
    color: var(--body-color);
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 27px;
    overflow-x: hidden;
    position: relative;
    text-rendering: optimizeLegibility;
    margin: 0 !important;
}

a,
a:visited{
    color: inherit;
    outline: none;
    text-decoration: none;

    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:hover,
a:visited:hover{
    color: var(--secondary-color);
    text-decoration: none;
}

a:focus{
    color: inherit;
    outline: none;
    text-decoration: none;
}

p{
    margin: 0 0 16px;
}

label {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
ol {
    margin: 0;
    padding-left: 30px;
}

li {
    margin-bottom: 0;
}

b, strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5 , h6{
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin: 0 0 16px;
}

.elementor-widget-heading .elementor-heading-title{
    font-weight: 600;
    line-height: 1.2;
}

h1{
    font-size: 40px;
}

h2{
    font-size: 32px;
}

h3{
    font-size: 24px;
}

h4{
    font-size: 18px;
}

h5{
    font-size: 16px;
}

h6{
    font-size: 14px;
}

label{
    font-weight: 600;
}

.semi-bold-text {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}

.container{
    max-width: 1170px;
}

.container-lg {
    max-width: 1550px;
}

.show-all {
    display: block;
}

#domestic {
    display: none;
}

section{
    padding: 75px 0;
}

.entry-content,
.post,
.page{
    margin: 0;
}

.hide{
    display: none !important;
}

.dis-table{
    display: table;
    height: 100%;
    width: 100%;
}

.dis-tablecell{
    display: table-cell;
    vertical-align: middle;
}

#domestic_course_list{
   display: none;
}

.bg-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

body .tag{
    background-color: var(--secondary-color);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 0;
    content: '';
    color: #FFF;
    font-size: 12px;
    left: 0;
    padding: 8px 15px;
    position: absolute;
    text-align: center;
}

body input{
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.lg-vid-popup{
    display: none !important;
    text-align: center;
}

.lg-vid-popup a{
    display: inline-block;
    /*bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;*/
}

.lg-vid-popup a:before,
.lg-html5-vid-popup li:before {
    color: #ffffff;
    content: '\f144';
    font-family: "Font Awesome 5 Free";
    font-size: 100px;
    font-weight: 900;
    line-height: 1;
    z-index: 1;
}

.lg-outer.lg-visible{
    background: var(--secondary-color);
}

.lg-outer.lg-visible .lg-video-cont {
    max-width: 80% !important;
    padding: 20px;
}

.col-count-2{
    column-count: 2;
}

.col-count-3{
    column-count: 3;
}

.elementor-col-2{
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.elementor-col-3{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.elementor-col-4{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.elementor-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.elementor-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.elementor-btn-col a{
    display: block;
}

.qc-elementor-select-wrap{
    margin: 0 auto;
    position: relative;
    width: 350px;
}

.qc-elementor-select-wrap .dropdown-toggle{
    border: 2px solid var(--secondary-color);
    border-radius: 100px;
    color: var(--secondary-color);
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    outline: none;
    padding: 15px 30px;
    width: 100%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.qc-elementor-select-wrap .dropdown-toggle::after {
    margin-left: 0;
    position: absolute;
    right: 30px;
    top: 45%;
    vertical-align: 0;
}

.qc-elementor-select-wrap .dropdown-menu {
    border: 2px solid var(--secondary-color);
    border-top: none;
    border-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    left: 25px !important;
    right: 25px;
    padding: 0px;
    top: 0px;
}

.qc-elementor-select-wrap .dropdown-menu > li {
    padding: 10px 12px;
}

.qc-elementor-select-wrap .dropdown-menu > li+li {
    border-top: 1px solid rgba(23, 161, 186, 0.1);
}

.qc-elementor-select-wrap .submenu{
    margin: 5px 0 0;
}

.qc-elementor-select-wrap .submenu li{
    padding: 5px 15px;
}

.elementor-inner-header-section .inner-content-section .header-content .elementor-widget-wrap > div {
    position: relative;
    z-index: 1;
}

.figure{
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

.figure img{
    display: block;
    vertical-align: top;
    width: 100%;
}

.icon-figure img {
    margin: 0 auto;
}

.flex-center-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*--------------------------------------------------------------
 * ## BLOCK
 *--------------------------------------------------------------
 */

.block{
    box-shadow: var(--box-shadow);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.icon-block{
    background: var(--secondary-bg-color);
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 20px;
    text-align: center;
}

.icon-block .icon-figure{
    margin-bottom: 30px;
}

.block .icon-figure img,
.icon-block .icon-figure img {
    -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}

.block:hover .icon-figure img,
.icon-block:hover .icon-figure img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.icon-block a:not([class]),
.accordion-panel .content a:not([class]),
.course-intro-wrap a:not([class]),
.course-info-wrap a:not([class]),
.elementor-widget-text-editor:not(.section-menu-wrap) p a:not([class]),
table:not([class]) td a:not([class]),
table.two-col td a:not([class]),
.elementor-apply-list .elementor-image-box-content a:not([class]){
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}

.icon-block a:not([class]):after,
.accordion-panel .content a:not([class]):after,
.course-intro-wrap a:not([class]):after,
.course-info-wrap a:not([class]):after,
.elementor-widget-text-editor:not(.section-menu-wrap) p a:not([class]):after,
table:not([class]) td a:not([class]):after,
table.two-col td a:not([class]):after,
.elementor-apply-list .elementor-image-box-content a:not([class]):after{
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}

.icon-block a:not([class]):hover,
.accordion-panel .content a:not([class]):hover,
.course-intro-wrap a:not([class]):hover,
.course-info-wrap a:not([class]):hover,
.elementor-widget-text-editor:not(.section-menu-wrap) p a:not([class]):hover,
table:not([class]) td a:not([class]):hover,
table.two-col td a:not([class]):hover,
.elementor-apply-list .elementor-image-box-content a:not([class]):hover{
    color: var(--secondary-color);
}

.accordion-panel .content a:not([class])+a:not([class]){
    margin-left: 15px;
}

.alt-icon-block-list li:nth-child(even) .icon-block{
    background: var(--tertiary-bg-color);
}

.no-links a:not([class]){
    padding-bottom: 0 !important;
}

.no-links a:not([class]):after{
    display: none !important;
}

/*--------------------------------------------------------------
 * ## BUTTONS
 *--------------------------------------------------------------
 */

.btn-link,
.btn-link:visited{
    color: var(--body-color);
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 12px;
    position: relative;
    text-decoration: none;
}

.btn-link:after{
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 100%;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-link:hover,
.btn-link:visited:hover{
    color: var(--secondary-color);
    text-decoration: none;
}

.btn-link.tertiary:after,
.course-block .btn-link:after{
    background: var(--tertiary-color);
}

.btn-link.tertiary:hover,
.btn-link.tertiary:visited:hover,
.course-block .btn-link:hover,
.course-block .btn-link:visited:hover {
    color: var(--tertiary-color);
}

/* Primary Button  */

.btn,
.btn:visited {
    border-radius: 100px;
    box-shadow: none !important;
    display: inline-block;
    height: auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 45px;
    text-align: center;
    text-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn:focus,
.btn:focus-within,
.btn:active {
    border-color: inherit;
    background-color: inherit;
    box-shadow: none !important;
    color: inherit;
}

.btn-primary,
.btn-primary:visited,
.btn-primary.outline:hover,
.btn-primary.outline:visited:hover,
.btn-primary:focus{
    background: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:visited:hover,
.btn-primary.outline,
.btn-primary.outline:visited{
    background: #ffffff !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-secondary,
.btn-secondary:visited,
.btn-secondary.outline:hover,
.btn-secondary.outline:visited:hover,
.btn-secondary:focus {
    background: var(--secondary-color) !important;
    border: 2px solid var(--secondary-color) !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:visited:hover,
.btn-secondary.outline,
.btn-secondary.outline:visited {
    background: #ffffff !important;
    border: 2px solid var(--secondary-color) !important;
    color: var(--secondary-color) !important;
}

.btn-tertiary,
.btn-tertiary:visited,
.btn-tertiary.outline:hover,
.btn-tertiary.outline:visited:hover,
.btn-tertiary:focus {
    background: var(--tertiary-color) !important;
    border: 2px solid var(--tertiary-color) !important;
    color: #ffffff !important;
}

.btn-tertiary:hover,
.btn-tertiary:visited:hover,
.btn-tertiary.outline,
.btn-tertiary.outline:visited {
    background: #ffffff !important;
    border: 2px solid var(--tertiary-color) !important;
    color: var(--tertiary-color) !important;
}


.btn-white,
.btn-white:visited{
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 100px;
    color: var(--secondary-color) !important;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 30px;
    padding: 12px 35px;
    text-align: center;
    text-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-white:hover{
    background: transparent !important;
    color: #ffffff !important;
}

.btn-white.outline{
    background: transparent !important;
    color: #ffffff !important;
}

.btn-white.outline:hover{
    background: #ffffff !important;
    color: var(--secondary-color) !important;
}

/*--------------------------------------------------------------
 * ## HOVER-EFFECT
 *--------------------------------------------------------------
 */

.hover-effect1{
    overflow: hidden;
    position: relative;
}

.hover-effect1 img{
    width: 100%;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hover-effect1:hover img,
.hover-effect1:hover a.bg-img:hover{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

/*--------------------------------------------------------------
 * ## UL LI LIST STYLE
 *--------------------------------------------------------------
 */

.career-outcomes-wrap .career-list ul,
.accordion-panel .content ul:not([class]),
.elementor-widget-text-editor ul:not([class]){
    margin: 10px 0 !important;
}

.career-outcomes-wrap .career-list li,
.accordion-panel .content ul:not([class]) li,
.elementor-widget-text-editor ul:not([class]) li{
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.career-outcomes-wrap .career-list li:before,
.accordion-panel .content ul:not([class]) li:before,
.elementor-widget-text-editor ul:not([class]) li:before {
    color: var(--secondary-color);
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    left: 0;
    position: absolute;
}

/*--------------------------------------------------------------
 * ## SWIPER STYLE
 *--------------------------------------------------------------
 */

.swiper-pagination .swiper-pagination-bullet {
    background: var(--secondary-color);
    height: 12px;
    margin: 5px;
    width: 12px;
}

.swiper-button-next,
.swiper-button-prev {
    background-image: none !important;
    color: var(--secondary-color);
    font-size: 50px;
}

.swiper-button-prev:after,
.swiper-button-next:after{
    display: none;
}

.swiper-sec{
    padding-bottom: 30px !important;
    position: relative;
}

.swiper-sec .swiper-container{
    margin: 0 -15px;
    padding: 0 15px;
}

.swiper-sec .swiper-wrapper{
    display: flex;
    padding: 20px 0;
}

.swiper-sec .swiper-slide{
    height: auto;
}

.swiper-sec .swiper-slide > *{
    height: 100%;
}

.swiper-sec .swiper-pagination{
    display: none !important;
    bottom: 0;
    width: 100%;
    z-index: 5;
}

.swiper-sec .swiper-button-prev,
.swiper-sec .swiper-button-next{
    top: 50%;
    z-index: 5;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-sec .swiper-button-next{
    right: -80px !important;
    text-align: right;
}

.swiper-sec .swiper-button-prev{
    left: -80px !important;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination .swiper-pagination-bullet{
    outline: none;
}

.swiper-pagination{
    display: none !important;
}

/*--------------------------------------------------------------
 * ## TABLE STYLE
 *--------------------------------------------------------------
 */

table:not([class]),
table.two-col{
    border-radius: 0;
    margin: 20px 0;
    overflow: hidden;
    text-align: left;
}

table.two-col{
    table-layout: fixed;
}

table:not([class]) caption,
table.two-col caption{
    background: var(--secondary-color);
    color: #ffffff;
    caption-side: top;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
    text-align: center;
}

table:not([class]) caption+tbody th,
table:not([class]) .title td,
table.two-col caption+tbody th,
table.two-col .title td{
    background: none !important;
    border-right: 1px solid rgba(23, 161, 186, 0.2);
    color: var(--body-color);
    font-weight: 600;
}

table:not([class]) caption+tbody th,
table:not([class]) .title td:last-child,
table.two-col caption+tbody th,
table.two-col .title td:last-child{
    border-right: none;
}

table:not([class]) .title td[rowspan="2"],
table.two-col .title td[rowspan="2"]{
    vertical-align: middle;
}

table:not([class]) th,
table:not([class]) td,
table.two-col th,
table.two-col td{
    font-size: 14px;
    padding: 15px;
    vertical-align: top;
    text-align: left;
}

table:not([class]) th,
table.two-col th{
    background: var(--secondary-color);
    color: #ffffff;
    font-weight: 600;
}

table:not([class]) td,
table.two-col td{
    border-bottom: 1px solid rgba(23, 161, 186, 0.2);
}

table:not([class]) td[rowspan],
table.two-col td[rowspan]{
    border-left: 1px solid rgba(23, 161, 186, 0.2);
    vertical-align: middle;
}

table:not([class]) td:first-child[rowspan],
table.two-col td:first-child[rowspan]{
    border-left: none;
    border-right: 1px solid rgba(23, 161, 186, 0.2);
}

table:not([class]) td span,
table.two-col td span{
    display: block;
}

table:not([class]) tr:nth-child(odd) td,
table.two-col tr:nth-child(odd) td{
    background: rgba(23, 161, 186, 0.1);
}

table:not([class]) th.style-2,
table.two-col th.style-2{
    background: none;
    border-bottom: 1px solid var(--secondary-color);
    color: var(--secondary-color);
}

table:not([class]) td .table-btn,
table.two-col td .table-btn {
    background: var(--tertiary-color);
    border: 2px solid var(--tertiary-color);
    border-radius: 20px;
    color: #ffffff;
    display: block;
    margin: 3px 0;
    padding: 3px 0px;
    text-align: center;
}

table:not([class]) td .table-btn:hover,
table.two-col td .table-btn:hover{
    background: var(--white);
    border: 2px solid var(--tertiary-color);
    color: var(--tertiary-color);
}

table:not([class]) td a:not([class]):after,
table.two-col td a:not([class]):after,
.elementor-accordion .elementor-tab-content table td a:not([class]):after{
    background: var(--tertiary-color);
}

table:not([class]) td a:not([class]):hover,
table.two-col td a:not([class]):hover,
.elementor-accordion .elementor-tab-content table td a:not([class]):hover{
    color: var(--tertiary-color);
}

.elementor-accordion .elementor-tab-content table {
    margin: 0 0 20px;
}

.course-overview-wrap table th:first-child {
    width: 120px !important;
}

table tr.no-title th {
    background: none;
    color: transparent;
    height: 0;
    line-height: 0;
    padding: 0;
    visibility: hidden;
}

.support-services-table table{
    table-layout: fixed;
}

.support-services-table table .th-col1{
    width: 26%;
}

.support-services-table table .th-col2{
    width: 54%;
}

.support-services-table table .th-col3{
    width: 200px;
}

.support-services-table table td a{
    word-break: break-all;
}


/********************************************************************************************************/

/*-------------------*\
    SITE-LOADER
\*-------------------*/

.site-loader{
    background: #ffffff;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}

.site-loader .loader-icon{
    color: #e5a1b0;
    left: 50%;
    max-width: 400px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 90%;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.site-loader .loader-icon img{
    display: inline-block;
}

.site-loader .loader-icon .loading {
    background-color: rgba(23, 161, 186, 0.14);
    display: block;
    height: 4px;
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    width: 120px;
}

.site-loader .loader-icon .loading:before{
    background-color: rgb(23, 161, 186);
    content: "";
    display: block;
    height: 4px;
    left: -100px;
    position: absolute;
    width: 100px;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -100px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/************************************************************************************************/

/*-----------------*\
    #HEADER
\*-----------------*/

.site-loader{
    z-index: 101;
}

#page{
    padding-top: 150px;
    position: relative;
}

.site-header {
    background: #ffffff;
    box-shadow: 0px 0px 32px rgba(204, 204, 223, 0.57);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-header .container.lg{
    position: relative;
}

.site-header .logo-wrapper{
    float: left;
    padding: 0;
    position: relative;
    margin-top: -38px;
    width: 160px;
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-header .top {
    align-items: flex-start;
    display: flex;
    height: auto;
    font-size: 14px;
    justify-content: flex-end;
    opacity: 1;
    max-width: 1060px;
    margin-left: auto;

    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/*--------------------------------------------------------------
 * ## HEADER-ANNOUCEMENTS
 *--------------------------------------------------------------
 */

.header-announcements {
    background: #f1f1f1;
    border-bottom-left-radius: 10px;
    display: flex;
    overflow: hidden;
    width: 80%;
    max-height: 45px !important;
}

.header-announcements label {
    display: inline-flex;
    font-weight: 600;
    padding: 12px 25px;
}

.header-announcements .tickercontainer {
    height: 45px !important;
}

.header-announcements .tickercontainer .marquee-content-items{
    font-family: inherit !important;
}

.header-announcements .tickercontainer .marquee-content-items li{
    display: inline-block;
    padding: 0px 7px !important;
    height: 45px;
}

.header-announcements .tickercontainer .marquee-content-items li a{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 45px !important;
}

.header-announcements .tickercontainer .marquee-content-items li a:after{
    content: "|";
    margin-left: 14px;
}

.header-announcements .tickercontainer .marquee-content-items li a:hover {
    color: var(--primary-color);
}

/*--------------------------------------------------------------
 * ## HEADER-LOGIN
 *--------------------------------------------------------------
 */

.header-login {
    background: var(--primary-color);
    border-bottom-right-radius: 10px;
    color: #ffffff !important;
    font-weight: 600;
    padding: 12px 25px;

    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.header-login:hover{
    background: var(--secondary-color);
}

.header-login span{
    display: inline-block;
    margin-left: 6px;
}

/*--------------------------------------------------------------
 * ## MAIN-NAVIGTION
 *--------------------------------------------------------------
 */

.main-navigation {
    display: flex;
    justify-content: flex-end;
    margin-top: 43px;
    width: auto;
}

.main-navigation ul {
    justify-content: flex-end;
}

/*.main-navigation li {
    padding: 0 25px;
}

.main-navigation li a {
    color: var(--body-color);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 35px;
}

.main-navigation li a:focus,
.main-navigation li a:hover {
    text-decoration: none;
}

.main-navigation a:hover{
    color: var(--secondary-color);
}

.main-navigation .sub-menu{
    background: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    width: 250px;
}

.main-navigation .sub-menu li {
    float: none;
    padding: 10px 15px;
}

.main-navigation .sub-menu li a {
    padding: 0;
    width: 100%;
}

.main-navigation .submenu-dropdown,
.course-filter .filter-dropdown{
    color: var(--secondary-color);
    display: none;
    float: right;
    margin: 3px 0 0 20px;
    vertical-align: top;
    text-align: center;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-navigation .submenu-dropdown.active,
.course-filter .filter-dropdown.active{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
*/

/*--------------------------------------------------------------
 * ## MAX-MEGA-MENU
 *--------------------------------------------------------------
 */

.site-header .mega-menu-wrap,
.site-header .mega-menu-wrap .mega-menu,
.site-header .mega-menu-wrap .mega-menu > li.mega-menu-grid{
    position: static !important;
}

.site-header .mega-menu-wrap > ul > li{
    padding: 0 25px !important;
}

.site-header .mega-menu-wrap > ul > li > a{
    font-weight: 600 !important;
    line-height: 24px !important;
}

/***** MEGA-SUB-MENU *****/

.site-header .mega-menu-wrap > ul > li.mega-menu-grid > ul.mega-sub-menu {
    left: auto !important;
    max-width: none !important;
    overflow: hidden !important;
    margin-right: -50vw !important;
    right: 50% !important;
    width: 100vw !important;
}

.site-header .mega-menu-wrap > ul > li.mega-menu-grid > ul.mega-sub-menu > .mega-menu-row{
    float: none !important;
    max-width: 1270px !important;
    margin: 0 auto !important;
}

/***** MEGA-SUB-MENU CTA-COL *****/

.site-header .mega-menu-wrap .cta-col{
    border-left: 2px solid #eeeeee !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0 50px 20px !important;
    text-align: left !important;
}

.site-header .mega-menu-wrap .cta-col .mega-block-title{
    text-align: left !important;
}

.site-header .mega-menu-wrap .cta-col .btn-link{
    display: inline-block !important;
    width: auto !important;
}

/***** MEGA-SUB-MENU MEGA-MENU-COLUMN *****/

.site-header .mega-menu-wrap .mega-block-title{
    font-weight: 600 !important;
    line-height: 1.4;
}

.site-header .mega-menu-wrap .mega-menu-link{
    font-weight: 600 !important;
}

.site-header .mega-menu-wrap .mega-description-group .mega-menu-description {
    display: none !important;
}

.site-header .mega-menu-wrap .mega-menu-row > .mega-sub-menu{
    display: flex !important;
}

.site-header .mega-menu-wrap li.mega-menu-column > .mega-sub-menu > li.widget_custom_html:first-child h4 {
    font-size: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

.site-header .mega-menu-wrap li.mega-menu-column > .mega-sub-menu > li+li{
    margin-top: 10px !important;
}

.site-header .mega-menu-wrap li.mega-menu-column.mega-col-3 > .mega-sub-menu > li:not(.widget_custom_html),
.site-header .mega-menu-wrap .mega-menu-column > ul.mega-sub-menu > li > .mega-sub-menu li {
    float: left !important;
    width: 33.33% !important;
}

.site-header .mega-menu-wrap li.mega-menu-column > .mega-sub-menu > li > .mega-menu-link+.mega-sub-menu{
    margin-top: 5px !important;
}

.site-header .mega-menu-wrap .mega-menu-column > ul.mega-sub-menu > li > .mega-sub-menu .mega-menu-link{
    font-weight: 400 !important;
    padding: 0 0 0 18px !important;
}

.site-header .mega-menu-wrap .mega-menu-column > ul.mega-sub-menu > li > .mega-sub-menu .mega-menu-link:before{
    content: "\f345";
    font-family: dashicons;
    left: 0;
    position: absolute !important;
    top: 0;
}

/*--------------------------------------------------------------
 * ## SITE-HEADER STICKY
 *--------------------------------------------------------------
 */

.site-header.sticky{
    position: fixed;
}

body.logged-in .site-header.sticky{
    top: 32px;
}

.site-header.sticky .logo-wrapper {
    margin-top: 5px;
    width: 100px;
}

/*--------------------------------------------------------------
 * ## HEADER-SEARCH-WRAP
 *--------------------------------------------------------------
 */

.header-search-wrap{
    align-items: center;
    background: var(--secondary-color);
    display: flex;
    bottom: 0;
    left: 0;
    justify-content: center;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-search-wrap.open{
    opacity: 1;
    visibility: visible;
}

.header-search-wrap .form-wrap{
    max-width: 90%;
    width: 600px;
    position: relative;
}

.header-search-wrap .form-wrap form,
.header-search-wrap .form-wrap label{
    display: block;
    width: 100%;
}

.header-search-wrap .form-wrap #autocompletehome{
    background: rgb(255, 255, 255);
    top: 100%;
    display: none;
    font-size: 14px;
    line-height: 20px;
    left: 25px;
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px;
    position: absolute;
    right: 25px;
}

.header-search-wrap .form-wrap #autocompletehome img{
    width: 100px;
}

.header-search-wrap .form-wrap li {
    margin-bottom: 7px;
    padding: 0;
}

.header-search-wrap .close-btn{
    align-items: center;
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 100%;
    color: var(--secondary-color);
    display: flex;
    font-family: "Source Sans Pro";
    font-weight: 700;
    font-size: 16px;
    height: 25px;
    line-height: 23px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
}

.header-search-wrap .search-field{
    background: #ffffff !important;
    border-radius: 100px !important;
    padding: 14px 30px !important;
    color: var(--body-color) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100% !important;
}

.header-search-wrap .search-submit{
    display: none;
}

/*--------------------------------------------------------------
 * ## HEADER-SEARCH-WRAP
 *--------------------------------------------------------------
 */

div[id*='ajaxsearchlite'].wpdreams_asl_container,
div[id*='ajaxsearchlite'].wpdreams_asl_container > div {
    background: none !important;
    box-sizing: border-box !important;
    height: auto !important;
    z-index: 10;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container *{
    box-sizing: border-box !important;
    font-family: inherit !important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .probox .proinput{
    height: 56px;
    margin: 0;
    padding: 0;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .probox .proinput input[type="search"]{
    background: #ffffff !important;
    border: 2px solid var(--secondary-color) !important;
    border-radius: 100px !important;
    box-shadow: none !important;
    color: var(--body-color) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: auto !important;
    padding: 16px 70px 16px 30px !important;
    text-shadow: none !important;
    width: 100% !important;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#page div[id*='ajaxsearchlite'].wpdreams_asl_container .probox .proinput input[type="search"]{
    color: var(--body-color) !important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .probox .proinput input[type="search"]::placeholder{
    color: var(--body-color) !important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .promagnifier{
    background: none !important;
    color: var(--secondary-color) !important;
    position: absolute;
    right: 15px;
    top: 9px;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .promagnifier svg {
    fill: var(--secondary-color) !important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .proclose{
    position: absolute;
    right: 45px;
    top: 9px;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .proloading{
    height: 20px;
    position: absolute;
    right: 52px;
    top: 16px;
    width: 20px;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .proloading .asl_simple-circle{
    border: 2px solid var(--secondary-color);
}

div[id*='ajaxsearchlite'].wpdreams_asl_container .proclose svg {
    background: var(--secondary-color);
}

div[id*='ajaxsearchliteres'].wpdreams_asl_results{
    background: none;
    margin-top: -11px;
    padding: 0 25px 25px;
}

div[id*='ajaxsearchliteres'].wpdreams_asl_results .results{
    box-shadow: 0 0 10px 0px rgba(51, 51, 51, 0.3);
}

div[id*='ajaxsearchliteres'].wpdreams_asl_results .item .asl_content h3,
div[id*='ajaxsearchliteres'].wpdreams_asl_results .item .asl_content h3 a{
    color: var(--secondary-color) !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-shadow: none !important;
}

.home-course-search-wrap div[id*='ajaxsearchlite'].wpdreams_asl_container .probox .proinput input[type="search"]{
    border: 2px solid var(--primary-color) !important;
}

/********************************************************************************************************/

/*-----------------*\
    #FOOTER
\*-----------------*/

.site-footer a{
    font-weight: 400;
}

/*--------------------------------------------------------------
 * ## TOP-FOOTER-SEC
 *--------------------------------------------------------------
 */

.site-footer .top-footer-sec {
    background-color: var(--secondary-bg-color);
    padding: 75px 0 100px;
}

.site-footer .top-footer-sec h2{
    color: var(--secondary-color) !important;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600 !important;
    margin-bottom: 70px !important;
}

.top-footer-sec .block-row > div{
    margin-bottom: 30px;
}

.top-footer-sec .block {
    background-color: var(--secondary-bg-color);
    color: var(--secondary-color);
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 100%;
    padding: 50px 20px;
    text-align: center;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top-footer-sec .block:hover {
    background: var(--secondary-color);
    color: #ffffff;
}

.top-footer-sec .block .icon-figure{
    min-height: 138px;
    max-width: 120px;
    margin: 0 auto 40px;
    position: relative;
}

.top-footer-sec .block .icon-figure img{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top-footer-sec .block .back-img{
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.top-footer-sec .block .title{
    color: inherit;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}

.top-footer-sec .block .desc {
    word-break: break-word;
}

.top-footer-sec .block:hover .front-img{
    opacity: 0;
}

.top-footer-sec .block:hover .back-img{
    opacity: 1;
}

/*--------------------------------------------------------------
 * ## MID-FOOTER-SEC
 *--------------------------------------------------------------
 */

.site-footer .mid-footer-sec {
    background-color: var(--body-color);
    font-size: 14px;
    padding: 60px 0 50px;
}

.footer-widget-block .widget-title,
.footer-title-text {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
}

.footer-widget-block .menu li{
    margin-bottom: 5px;
}

.footer-widget-block .menu a {
    display: block;
    color: var(--primary-color);
}

.footer-widget-block .menu a:hover {
    text-decoration: underline;
}

.footer-social-icon-wrap{
    overflow: hidden;
    margin: 0 -5px;
    padding: 0 0 75px;
}

.footer-social-icon-wrap li{
    float: left;
    padding: 5px;
}

.footer-social-icon-wrap li a{
    border-radius: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 45px;

    -webkit-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
    transition:  all 0.3s ease;
}

.footer-social-icon-wrap li a:before{
    background: #ffffff;
    border-radius: 100%;
    bottom: 2px;
    content: '';
    left: 2px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 2px;
}

.footer-social-icon-wrap li a:hover{
    top: -5px;
}

.footer-social-icon-wrap li a img{
    position: relative;
    z-index: 1;
}

/*.footer-social-icon-wrap li a{
    background: #495b5b;
    border-radius: 100px;
    color: #ffffff;
    display: block;
    font-size: 24px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
}

.footer-social-icon-wrap li a:hover {
    background: var(--tertiary-color);
    color: #ffffff;
}*/

.footer-location-wrap,
.footer-location-wrap h5{
    color: #ffffff !important;
}

.bottom-footer-sec {
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
}


/************************************************************************************************/

/*-----------------*\
    #HOME
\*-----------------*/

/*--------------------------------------------------------------
 * ## PRIMARY-SLIDER-WRAP
 *--------------------------------------------------------------
 */

.primary-slider-wrap{
    max-height: 900px;
    padding: 0;
}

.primary-slider-wrap .swiper-container{
    height: 100%;
    position: relative;
}

.primary-slider-wrap .swiper-container-fade .swiper-slide{
    opacity: 0 !important;
}

.primary-slider-wrap .swiper-container-fade .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}

.primary-slider-wrap .container{
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.primary-slider-wrap .caption{
    color: #ffffff;
    position: static;
    z-index: 10;
    min-height: 586px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: column;
}

.primary-slider-wrap .caption .sub-title p{
    margin: 0;
}

.primary-slider-wrap .caption .main-title{
    color: inherit;
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 20px;
}

.primary-slider-wrap .slider-img-vid{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.primary-slider-wrap .slider-img-vid:before {
    background: var(--body-color);
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.primary-slider-wrap .slider-img{
    height: 100%;
    width: 100%;
}

.primary-slider-wrap .slider-vid{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/*.primary-slider-wrap .slider-vid .player {
    display: block !important;
    position: relative !important;
    padding-bottom: 56.25% !important;
    overflow: hidden !important;
    height: 0px !important;
}

.primary-slider-wrap .slider-vid .player .playerBox {
    height: 110% !important;
    margin-left: -10% !important;
    margin-top: -10% !important;
    width: 110% !important;
}

.primary-slider-wrap .slider-vid.uploaded video{
    bottom: 0;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
*/

.primary-slider-wrap .slider-vid .inline-YTPlayer,
.qc-elementor-vid-bg-sec .vid-bg .inline-YTPlayer{
    height: 100%;
    width: 100%;
}

.primary-slider-wrap .slider-vid .player,
.qc-elementor-vid-bg-sec .vid-bg .player {
    display: block !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
}

.primary-slider-wrap .slider-vid .player > div,
.primary-slider-wrap .slider-vid .player > div iframe,
.qc-elementor-vid-bg-sec .vid-bg .player > div,
.qc-elementor-vid-bg-sec .vid-bg .player > div iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

@media (min-aspect-ratio: 16/9) {
  .primary-slider-wrap .slider-vid .player > div,
  .qc-elementor-vid-bg-sec .vid-bg .player > div {
    height: 300% !important;
    top: -100% !important;
  }
}

@media (max-aspect-ratio: 16/9) and (max-width: 1500px) and (min-width: 1025px){
  .primary-slider-wrap .slider-vid .player > div,
  .qc-elementor-vid-bg-sec .vid-bg .player > div {
    height: 300% !important;
    top: -100% !important;
  }

  .primary-slider-wrap .slider-img-vid{
    min-height: 775px;
    }
}

@media (max-aspect-ratio: 16/9)  and (max-width: 1024px){
  .primary-slider-wrap .slider-vid .player > div,
  .qc-elementor-vid-bg-sec .vid-bg .player > div {
    width: 300% !important;
    left: -100% !important;
  }
}

.primary-slider-wrap .lg-vid-popup{
    margin-top: -50px;
    position: absolute;
    right: 20%;
    top: 50%;
    z-index: 10000;
}

.primary-slider-wrap .lg-vid-popup a{
    height: 100%;
    position: relative;
    width: 100%;
}

.primary-slider-wrap .lg-vid-popup a:before{
    color: #ffffff;
    left: 0;
    position: relative;
    top: 0;

    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.primary-slider-wrap .caption .btn{
    margin-top: 15px;
    
}

.primary-slider-wrap .swiper-button-next,
.primary-slider-wrap .swiper-button-prev{
    color: #ffffff;
}

.primary-slider-wrap .swiper-pagination .swiper-pagination-bullet{
    background: #ffffff;
}

.primary-slider-wrap.one-slide .swiper-button-next,
.primary-slider-wrap.one-slide .swiper-button-prev,
.primary-slider-wrap.one-slide .swiper-pagination{
    display: none;
}

/*--------------------------------------------------------------
 * ## HOME-COURSE-SEARCH-WRAP
 *--------------------------------------------------------------
 */

.home-course-search-sec{
    margin: 0 auto;
}

.home-course-search-sec h3{
    margin-bottom: 50px;
}

body:not(.home) .home-course-search-sec h3{
    display: none;
}

.home-course-search-wrap{
    margin-bottom: 50px;
    position: relative;
}

.home-course-search-wrap .search-input{
    background: #ffffff !important;
    border: 2px solid var(--primary-color);
    border-radius: 100px !important;
    color: var(--primary-color) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 15px 150px 15px 30px !important;
    width: 100%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.home-course-search-wrap .search-btn{
    background: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
    border-radius: 0 !important;
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
    bottom: 0;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 10px 40px !important;
    position: absolute;
    right: 0;
    top: 0;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.home-course-search-wrap .search-btn:hover{
    background: transparent !important;
    color: var(--primary-color) !important;
}

.home-course-search-wrap #autocompleteresults,
.course-filter .quicksearch-wrap #autocompletetitle {
    background: #ffffff;
    box-shadow: var(--box-shadow);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: none;
    padding: 18px;
    position: absolute;
    left: 27px;
    right: 135px;
    top: 100%;
    z-index: 5;
}

.home-course-search-wrap #autocompleteresults li,
.course-filter .quicksearch-wrap #autocompletetitle li {
    margin-top: 5px;
}

/*--------------------------------------------------------------
 * ## STUDY-AREA-SEC
 *--------------------------------------------------------------
 */

.study-area-sec .swiper-container{
    padding: 0;
    justify-content: center;
}

.study-area-sec .swiper-slide{
    margin-bottom: 50px;
}

.study-area-sec .block .figure a,
.figure.gradient a{
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.study-area-sec .block .figure a:before,
.figure.gradient a:before{
    background: url(../img/bg-gradient.png) no-repeat scroll center/cover;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.study-area-sec .block .figure a:hover:before,
.figure.gradient a:hover:before{
    opacity: 0;
}

.study-area-sec .block .content{
    overflow: hidden;
    padding: 20px;
}

.study-area-sec .block .btn-link{
    float: right;
}

body:not(.home) .study-area-sec .swiper-wrapper{
    flex-wrap: wrap;
}

body:not(.home) .study-area-sec .swiper-button-prev,
body:not(.home) .study-area-sec .swiper-button-next,
body:not(.home) .study-area-sec .swiper-pagination{
    display: none;
}

/*--------------------------------------------------------------
 * ## WHY-QUEENSFORD-SEC
 *--------------------------------------------------------------
 */

.why-queensford-sec {
    padding: 0 0 50px;
}

.why-queensford-sec .block{
    background: #ffffff;
    height: 100%;
    padding: 30px;
}

.why-queensford-sec .block .icon-figure{
    display: flex;
    margin-bottom: 30px !important;
    min-height: 90px;
}

.why-queensford-sec .block .icon-figure img{
    align-self: center;
    height: auto;
    max-height: 90px;
    margin: 0;
    width: auto;
}

.why-queensford-sec .block .btn-link{
    display: none;
}

.home .why-queensford-sec .block{
    display: flex;
    flex-direction: column;
}

.home .why-queensford-sec .block .content > *{
    display: none;
}

.home .why-queensford-sec .block .content > .title{
    display: block;
}

.home .why-queensford-sec .block .btn-link{
    align-self: flex-start;
    display: inline-block;
    margin-top: auto;
}

/*--------------------------------------------------------------
 * ## TESTIMONIAL-SEC
 *--------------------------------------------------------------
 */

.testimonials-sec{
    padding: 0 0 50px;
}

.testimonial-block{
    font-size: 14px;
    line-height: 1.3;
}

.testimonial-block .top{
    display: flex;
    margin-bottom: 50px;
}

.testimonial-block .figure{
    border-radius: 100%;
    height: 100px;
    min-width: 100px;
    width: 100px;
}

.testimonial-block .title-wrap{
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 20px;
}

.testimonial-block .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.testimonial-block .star-rating{
    font-size: 20px;
    margin-bottom: 20px;
}

.star-rating .checked {
    color: #ffc300;
}

/*--------------------------------------------------------------
 * ## COUNTER-SECTION
 *--------------------------------------------------------------
 */

/*.counter-section section .elementor-row{
    flex-wrap: wrap;
}

.counter-section section .elementor-row .elementor-column {
    width: 33% !important;
}

.counter-section section .elementor-row .elementor-column:nth-of-type(3n+1) {
    clear: left;
}*/

.counter-section .counter-count{
    display: inline-block;
    margin: 0 auto;
    width: auto;
}

.counter-section .counter-count .elementor-widget-container{
    border-width: 5px;
    border-radius: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80px;
}

/*--------------------------------------------------------------
 * ## ARTICLE-SEC
 *--------------------------------------------------------------
 */

.article-sec .swiper-container{
    padding: 0;
}

.article-sec .swiper-slide{
    margin-bottom: 50px;
}

.article-sec .block.featured {
    display: flex;
}

.article-sec .block.featured .figure,
.article-sec .block.featured .content{
    width: 50%;
}

.article-sec .block.featured .title{
    font-size: 30px;
    line-height: 1.2;
}

.article-sec .block{
    background: #ffffff;
    font-size: 14px;
    height: 100%;
    line-height: 22px;
}

.article-sec .block .content{
    padding: 30px;
}

.article-sec .block .content .desc{
    margin: 30px 0;
}

.article-sec .block .title{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.article-sec .block .post-date{
    font-size: 14px;
}

.article-sec .block:not(.featured){
    padding-bottom: 60px;
}

.article-sec .block:not(.featured) .btn-link{
    bottom: 30px;
    left: 30px;
    position: absolute;
}

/************************************************************************************************/

/*----------------------------------*\
    #GLOBAL SECTION ON INNERPAGES
\*----------------------------------*/

.inner-content{
    margin: 0;
    width: 820px !important;
}

/*--------------------------------------------------------------
 * ## PAGE-TITLE-SEC
 *--------------------------------------------------------------
 */

.page-title-sec{
    background: var(--secondary-color);
    color: #ffffff;
    padding: 70px 0;
}

.page-title-sec .elementor-column-wrap{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-title-sec .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}

.page-title-sec h5,
.page-title-sec .elementor-widget-heading h5.elementor-heading-title{
    color: #ffffff !important;
    margin-bottom: 7px;
}

.page-title-sec h1,
.page-title-sec .elementor-widget-heading h1.elementor-heading-title{
    color: #ffffff !important;
    font-weight: 300;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
 * ## INTRO-SEC
 *--------------------------------------------------------------
 */

.intro-sec{
    padding: 75px 0 0;
}

.intro-sec .title-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*--------------------------------------------------------------
 * ## CALL-TO-ACTION-SEC
 *--------------------------------------------------------------
 */

.call-to-action-sec,
.elementor-cta-sec{
    background: var(--secondary-color);
    color: #ffffff;
}

.call-to-action-sec .title-col,
.elementor-cta-sec .title-col,
.call-to-action-sec .btns-col,
.elementor-cta-sec .btns-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.call-to-action-sec h2,
.elementor-cta-sec h2{
    color: #ffffff !important;
    margin: 0;
}

.call-to-action-sec .btn-col,
.elementor-cta-sec .btn-col{
    flex: 0 0 45%;
    max-width: 45%;
}

.call-to-action-sec .btn-col a,
.elementor-cta-sec .btn-col a{
    display: block;
}

.hubspot-subscribe-form iframe{
    height: 200px !important;
}

/************************************************************************************************/

/*--------------------------*\
    #COURSE LISTING
\*--------------------------*/

/*--------------------------------------------------------------
 * ## COURSE-BLOCK
 *--------------------------------------------------------------
 */

.course-block{
    background: var(--secondary-bg-color);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 60px;
}

.course-block .figure{
    margin: 0;
}

.course-block .content{
    padding: 40px 20px;
}

.course-block .code span{
    display: inline-block;
    margin-left: 5px;
}

.course-block .desc{
    margin: 20px 0 0;
}

.course-block .course-glance{
    display: flex;
    margin: 30px -25px 0;
    overflow: hidden;
}

.course-block .course-glance li{
    display: flex;
    flex-direction: column;
    padding: 0 25px;
    width: 25%;
}

.course-block .course-glance li.duration{
    width: 20%;
}

.course-block .course-glance li.study-mode{
    width: 30%;
}

.course-block .course-glance li.view{
    justify-content: flex-end;
}

.course-block .course-glance li label{
    display: block;
    margin-bottom: 5px;
}

.course-block .course-glance li span{
    display: block;
}

.course-block .btn-link{
    align-self: flex-start;
    margin-top: auto;
}

.course-block .figure .bg-img img{
    display: none;
}

/*--------------------------------------------------------------
 * ## RELATED COURSE-BLOCK
 *--------------------------------------------------------------
 */

.related-course-sec {
    padding: 75px 0;
}

.related.course-swiper-sec {
    position: relative;
    padding-top: 30px;
}

.related.course-swiper-sec .swiper-wrapper{
    display: flex;
    padding: 20px 0;
}

.related.course-swiper-sec .swiper-wrapper .swiper-slide{
    height: auto;
}

.related.course-swiper-sec .course-block{
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 100%;
    line-height: 16px;
    margin-bottom: 0;
}

.related.course-swiper-sec .course-block .content {
    padding: 30px 30px 10px;
}

.related.course-swiper-sec .course-block .course-glance{
    display: block;
    margin: 20px 0 0;
}

.related.course-swiper-sec .course-block .course-glance li {
    display: block;
    flex-direction: inherit;
    padding: 0;
    margin-bottom: 15px;
    width: 100%;
}

.related.course-swiper-sec .course-block .btn-link{
    align-self: flex-start;
    margin: auto 0 30px 30px;
}

.related.course-swiper-sec .swiper-pagination{
    display: none;
}

/************************************************************************************************/

/*--------------------------*\
    #COURSE SEARCH PAGE
\*--------------------------*/

.course-listing-section{
    padding: 50px 0 70px;
}

.course-listing-section .filter-col{
    flex: 0 0 27%;
    max-width: 27%;
}

.course-listing-section .content-col{
    flex: 0 0 72%;
    max-width: 72%;
    margin-left: auto;
}

/*--------------------------------------------------------------
 * ## RADIOBOX-WRAP/CHECKBOX-WRAP
 *--------------------------------------------------------------
 */

.radiobox-wrap,
.checkbox-wrap {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.checkbox-wrap:after, .checkbox-wrap:before {
    display: table;
    content: "";
}

.checkbox-wrap:after {
    clear: both;
}

.radiobox-wrap input[type="radio"],
.checkbox-wrap input[type="checkbox"] {
    background: none;
    bottom: 0;
    cursor: pointer;
    left: 0;
    outline: none;
    position: absolute;
    border: none;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 1;

    -webkit-appearance: none;
}

.radiobox-wrap label,
.checkbox-wrap label{
    cursor: pointer;
    opacity: 1;
    position: relative;
    padding-left: 25px;
}

.radiobox-wrap label:hover,
.checkbox-wrap label:hover{
    opacity: 1;
}

.radiobox-wrap label:before,
.checkbox-wrap label:before {
    background: #ffffff;
    border: 1px solid var(--secondary-color);
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    left: 0;
    top: 3px;
}

.radiobox-wrap label:before{
    border-radius: 100%;
}

.radiobox-wrap label:after {
    background: var(--secondary-color);
    border-radius: 100%;
    content: '';
    height: 7px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 7px;
    width: 7px;
}

.checkbox-wrap label:after{
    color: #ffffff;
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 5px;
}

.checkbox-wrap input[type="checkbox"]:checked + label:before{
    background: var(--secondary-color);
}

.checkbox-wrap input[type="checkbox"]:checked + label,
.radiobox-wrap input[type="radio"]:checked + label,
.checkbox-wrap input[type="checkbox"]:checked + label:after,
.radiobox-wrap input[type="radio"]:checked + label:after{
    opacity: 1;
}

.checkbox-wrap a:hover,
.radiobox-wrap a:hover{
    color: #ffffff;
}

/*--------------------------------------------------------------
 * ## COURSE-FILTER
 *--------------------------------------------------------------
 */

.course-filter{
    background: var(--secondary-bg-color);
    box-shadow: var(--box-shadow);
    border-radius: 20px;
    color: var(--body-color);
    font-size: 14px;
    margin-bottom: 50px;
    padding: 40px 25px;
    position: relative;
    z-index: 5;
}

.course-filter .filter-dropdown{
    color: var(--body-color);
    display: none;
    float: right;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-top: 0;
    text-align: center;
    width: 25px;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.course-filter .filter-dropdown.active{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.course-filter .main-title{
    display: inline-block;
    padding-bottom: 20px;
}

/*--------------------------------------------------------------
 * ## QUICKSEARCH & LAYOUTMDOE
 *--------------------------------------------------------------
 */

.course-filter .layout-mode-button-group {
    display: inline-block;
    float: right;
    text-align: right;
}

.course-filter .layout-mode-button-group .button {
    background: none;
    border: none;
    color: var(--body-color);
    font-size: 26px;
    padding: 0 12px;
}

.course-filter .layout-mode-button-group .button {
    background: none;
    border: none;
    font-size: 26px;
    padding: 0 0 0 12px;
    outline: none;
}

.course-filter .layout-mode-button-group .button.is-checked {
    color: var(--secondary-color);
}

.course-filter .quicksearch-wrap .auto-inputfield{
    float: left;
    position: relative;
    width: 70%;
}

.course-filter .quicksearch {
    background: #ffffff;
    color: var(--body-color);
    border: 1px solid var(--body-color);
    border-radius: 100px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 16.5px 20px;
    width: 100%;
}

.course-filter .quicksearch::placeholder{
    color: var(--secondary-color);
}

.course-filter .quicksearch-wrap #autocompletetitle{
    left: 30px;
    right: 30px;
}

.course-filter .btn{
    display: block;
    float: right;
    width: 28%;
}

/*--------------------------------------------------------------
 * ## COURSE-FILTER OPTIONS-COL
 *--------------------------------------------------------------
 */

.course-filter .radiobox-wrap:hover label,
.course-filter .checkbox-wrap:hover label{
    color: var(--secondary-color);
}

.course-filter label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.course-filter .options-row{
    margin: 0 -10px;
}

.course-filter .options-col {
    float: left;
    margin-bottom: 30px;
    position: relative;
    padding: 0 10px;
    width: 20%;
}

.course-filter .options-btn {
    background: #ffffff;
    border: 1px solid var(--body-color);
    border-radius: 100px;
    display: block;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    padding: 13px 30px 13px 20px;
    position: relative;
    z-index: 5;
}

.course-filter .options-btn.active{
    z-index: 7;
}

.course-filter .options-btn:after{
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 15px;
    top: 50%;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.course-filter .options-btn.active:after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.course-filter .option-set-checkbox {
    background: #ffffff;
    border: 1px solid var(--body-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    left: 30px;
    padding: 15px 7px 10px;
    position: absolute;
    right: 30px;
    top: 98%;
    z-index: 7;
}

.course-filter .option-set-checkbox[data-group="funds"] .checkbox-wrap label {
    padding-right: 15px;
    position: relative;
}

.course-filter .tooltip-link{
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.course-filter .tooltip-content{
    background: #ffffff;
    border: 2px solid var(--secondary-color);
    border-radius: 10px;
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    left: 26px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 100px;
    visibility: hidden;
    width: 260px;
    z-index: 6;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.course-filter .tooltip-content:before {
    border-right: 10px solid var(--secondary-color);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    left: -10px;
    position: absolute;
    top: 12px;
}

.course-filter .tooltip-link:hover .tooltip-content{
    opacity: 1;
    top: -13px;
    visibility: visible;
}

/*--------------------------------------------------------------
 * ## LIST-VIEW & GRID-VIEW
 *--------------------------------------------------------------
 */

.international_course_list .course-block .course-glance li.domestic_data,
.domestic_course_list .course-block .course-glance li.international_data {
    display : none;
}

.list-view > div{
    flex: 0 0 100%;
    max-width: 100%;
}

.list-view .course-block,
.course-studyarea-sec .course-block{
    display: flex;
}

.list-view .course-block .figure,
.course-studyarea-sec .course-block .figure {
    display: flex;
    flex: 0 0 23%;
    max-width: 23%;
    flex-wrap: wrap;
}

.list-view .course-block .content,
.course-studyarea-sec .course-block .content {
    flex: 0 0 77%;
    max-width: 77%;
    padding: 40px 30px 40px 50px;
    position: relative;
}

.grid-view .course-block{
    padding-bottom: 60px;
}

.grid-view .course-block .bg-img{
    background: none !important;
}

.grid-view .course-block .bg-img img{
    display: block;
}

.grid-view .course-block .content{
    padding: 30px 20px 0;
}

.grid-view .course-block .course-glance {
    flex-direction: column;
}

.grid-view .course-block .course-glance li.duration,
.grid-view .course-block .course-glance li.study-location,
.grid-view .course-block .course-glance li.study-mode{
    margin-bottom: 20px;
    width: 100%;
}

.grid-view .course-block .view{
    bottom: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}

/************************************************************************************************/

/*--------------------------*\
    #COURSE DETAIL
\*--------------------------*/

.course-details-section{
    padding: 0;
}

.course-details-section .tabcontent{
    padding: 30px 0 70px;
}

.course-general-sec {
    padding: 60px 0;
    position: relative;
}

.course-general-sec .container > div > div{
    position: static;
}

.buttons-wrap {
    display: none;
    padding-top: 95px;
    text-align: center;
}

.buttons-wrap a {
    font-size: 20px;
    min-width: 330px;
    padding: 15px 30px;
    border-radius: 40px;
}

.buttons-wrap li {
    padding-bottom: 25px;
}

.apply-now-btn {
    background-color: transparent;
    color: var(--secondary-color) !important;
    border: 2px solid var(--secondary-color);
}

.apply-now-btn:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff !important;
}

.single .print-share-wrap {
    display: block !important;
    text-align: center;
    position: absolute;
    top: 70px;
    right: 0;
    width: 42px;
    z-index: 12;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single .print-share-wrap.sticky{
    position: fixed;
    top: 200px;
}

.single .print-share-wrap > div{
    display: block;
    vertical-align: top;
}

.single .print-share-wrap ul.heateor_sss_follow_ul,
.single .print-share-wrap ul.heateor_sss_sharing_ul{
    margin: 0 !important;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li,
.single .print-share-wrap .print-wrap a {
    float: none !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 250px !important;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li i{
    margin: 0;
    width: 100% !important;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li i:not([onclick]) a{
    color: #ffffff !important;
    display: block;
    height: 42px;
    overflow: hidden;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li i[onclick]:after,
.single .print-share-wrap ul.heateor_sss_sharing_ul li i:not([onclick]) a:after,
.single .print-share-wrap .print-wrap a:after {
    content: 'Share this Course';
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 42px;
    padding-left: 10px;
    position: relative;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li i.heateorSssEmailBackground[onclick]:after,
.single .print-share-wrap ul.heateor_sss_sharing_ul li i.heateorSssEmailBackground:not([onclick]) a:after{
    content: 'Email this Course';
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li i.heateorSssInstagramBackground[onclick]:after,
.single .print-share-wrap ul.heateor_sss_sharing_ul li i.heateorSssInstagramBackground:not([onclick]) a:after{
    content: 'Follow us on Instagram';
}

.single .print-share-wrap ul.heateor_sss_sharing_ul .heateorSssSharingSvg{
    display: inline-block !important;
    float: left;
    width: 42px !important;
}

.single .print-share-wrap .print-wrap a{
    background: var(--secondary-color);
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    height: 42px;
    line-height: 35px;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

.single .print-share-wrap .print-wrap a i{
    float: left;
    height: 42px;
    line-height: 42px;
    width: 42px;
}

.single .print-share-wrap .print-wrap a:after {
    content: 'Print & Share';
}

.single .print-share-wrap .print-wrap iframe {
    display: block !important;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    top: 0;
    width: 0;
}

.single .print-share-wrap ul.heateor_sss_sharing_ul li:hover,
.single .print-share-wrap .print-wrap a:hover {
    right: 208px !important;
}


/*--------------------------------------------------------------
 * ## COURSE DETAIL GRAVITY FORM
 *--------------------------------------------------------------
 */

.course-general-sec .gform_wrapper {
    margin-bottom: 30px;
    padding: 20px 0 30px;
}

.course-general-sec .gform_wrapper .gform_heading{
    margin: 0;
}

.course-general-sec .gform_wrapper .gfield.gsection h2{
    font-size: 20px;
    padding-top: 0 !important;
    text-align: center;
}

.course-general-sec .gform_wrapper .gsection_description{
    line-height: 1.3;
    text-align: center;
}

.course-general-sec .gform_wrapper .gfield_label{
    display: none !important;
}

.course-general-sec .gform_wrapper .gform_fields .gfield .ginput_container {
    width: 100% !important;
    margin: 0 !important;
}

.course-general-sec .gform_wrapper .ginput_complex.ginput_container.gf_name_has_2 span {
    margin-right: 0;
    padding-right: 0;
    padding-top: 15px !important;
    width: 100%;
}

.course-general-sec .gform_wrapper .gfield .ginput_container input{
    margin: 0 !important;
}

.course-general-sec .gform_wrapper .gform_fields .gfield:not(:first-child) {
    padding: 15px 50px 0 !important;
}

.course-general-sec .gform_wrapper .gform_footer{
    margin-top: 0 !important;
    padding: 15px 50px;
}



/*--------------------------------------------------------------
 * ## CAREER-OUTCOMES-WRAP
 *--------------------------------------------------------------
 */

.career-outcomes-wrap {
    padding-top: 70px;
}

.career-outcomes-wrap .career-list {
    padding: 20px 0;
}

.career-outcomes-wrap .career-list li{
    float: left;
    width: 50%;
}

/*--------------------------------------------------------------
 * ##  BTN-SELECTION-SEC
 *--------------------------------------------------------------
 */

.btn-selection-sec{
    background: var(--secondary-color);
    color: #ffffff;
    padding: 50px 0;
}

.btn-selection-sec h1{
    margin: 10px 0;
}

.btn-selection-sec .btn-wrap{
    margin: 0 -15px;
    max-width: 700px;
    text-align: center;
}

.btn-selection-sec .btn-wrap li{
    display: inline-block;
    padding: 0 15px;
    width: 45%;
}

.btn-selection-sec .btn{
    background: #ffffff;
    border: 2px solid transparent;
    color: var(--primary-color);
    width: 100%;
}

.btn-selection-sec .btn:hover,
.btn-selection-sec .btn.active{
    background: var(--tertiary-color);
    border-color: var(--tertiary-color);
    color: #ffffff;
}

.location-selection-sec .btn-wrap li{
    width: 33.33%;
}

/*--------------------------------------------------------------
 * ## COURSE-INFO-WRAP
 *--------------------------------------------------------------
 */

.course-info-wrap {
    font-size: 14px;
    line-height: 22px;
    padding: 50px 0 0;
}

.course-info-wrap:not(.course-glance-wrap) .container > div{
    max-width: 800px;
}

.course-info-wrap .content-wrap{
    padding: 20px 0;
}

.title-desc-wrap h2+.content{
    margin-top: 25px;
}

/*--------------------------------------------------------------
 * ## SECTION-MENU-WRAP
 *--------------------------------------------------------------
 */

.section-menu-wrap {
    margin-bottom: 50px;
    min-height: 50px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.section-menu-wrap > div{
    background: var(--primary-bg-color);
    border-bottom: 3px solid #E6E6E6;
    left: 0;
    width: 100%;
}

.section-menu-wrap .elementor-text-editor{
    max-width: 1140px;
    margin: 0 auto;
}

.section-menu-wrap ul{
    margin: 0 -20px;
}

.section-menu-wrap li {
    display: inline-block;
    padding: 0 20px;
}

.section-menu-wrap li a{
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: -5px;
    padding: 15px 0;
    position: relative;
}

.section-menu-wrap li a:after{
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
}

.section-menu-wrap li a:hover{
    color: var(--secondary-color) !important;
}

.section-menu-wrap li a.active:after{
    opacity: 1;
}

.section-menu-dropdown,
.sidebar-col-dropdown {
    background: var(--secondary-color);
    color: #ffffff !important;
    display: none;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 30px;
}

.section-menu-dropdown:after,
.sidebar-col-dropdown:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    float: right;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section-menu-dropdown.active:after,
.sidebar-col-dropdown.active:after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*--------------------------------------------------------------
 * ## COURSE-GLANCE-LIST
 *--------------------------------------------------------------
 */

.course-glance-wrap .swiper-pagination,
.course-glance-wrap .swiper-button-prev,
.course-glance-wrap .swiper-button-next{
    display: none;
}

.course-glance-wrap .greater-5 .swiper-button-prev,
.course-glance-wrap .greater-5 .swiper-button-next{
    display: block;
}

.course-glance-list{
    display: flex;
    padding: 20px 0;
}

.course-glance-list .swiper-slide{
    height: auto;
}

.course-glance-list .block .icon-figure img {
    max-width: 80px;
}

.course-glance-list .swiper-slide .icon-block {
    overflow: visible;
}

.course-glance-list .icon-block .desc span{
    display: block;
}

.course-glance-list .tooltip-link{
    cursor: pointer;
    display: inline-block !important;
    padding-right: 15px;
    position: relative;
}

.course-glance-list .tooltip-link i {
    position: absolute;
    right: 0;
    top: 5px;
}

.course-glance-list .tooltip-content{
    background: #ffffff;
    border: 2px solid var(--secondary-color);
    border-radius: 10px;
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    left: calc(100% + 10px);
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 100px;
    margin-top: -70px;
    visibility: hidden;
    width: 300px;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: visible;
}

.course-glance-list .tooltip-content:before {
    border-right: 10px solid var(--secondary-color);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    left: -10px;
    position: absolute;
    top: 85px;
}

.course-glance-list .tooltip-link:hover .tooltip-content{
    opacity: 1;
    top: -13px;
    visibility: visible;
}

/*--------------------------------------------------------------
 * ## ACCORDION-PANEL
 *--------------------------------------------------------------
 */

.accordion-panel {
    margin-bottom: 40px;
}

.accordion-panel .title{
    background: none;
    border: none;
    border-bottom: 2px solid #E6E6E6;
    box-shadow: none;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px;
    outline: none;
    padding: 0 20px 15px 0;
    position: relative;
    text-align: left;
    width: 100%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.accordion-panel .title:after{
    content: "\f067";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 3px;
}

.accordion-panel .title[aria-expanded="true"]:after{
    content: "\f068";
}

/*--------------------------------------------------------------
 * ## FUND-LIST
 *--------------------------------------------------------------
 */

/*.fund-list{
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fund-list li {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 33.333%;
}*/

.fund-list .block{
    display: flex;
    flex-direction: column;
}

.fund-list .block .icon-figure img{
    max-width: 110px;
}

.fund-list .block .btn-link{
    align-self: center;
    margin-top: auto;
}

.fund-list .block .btn-link:after{
    background: var(--tertiary-color) !important;
}

.fund-list .block .btn-link:hover,
.fund-list .block .btn-link:visited:hover{
    color: var(--tertiary-color) !important;
}

.fund-swiper-sec:not(.greater-3) .swiper-pagination,
.fund-swiper-sec:not(.greater-3) .swiper-button-prev,
.fund-swiper-sec:not(.greater-3) .swiper-button-next {
    display: none;
}

.fund-swiper-sec.three-slide .swiper-pagination,
.fund-swiper-sec.three-slide .swiper-button-prev,
.fund-swiper-sec.three-slide .swiper-button-next {
    display: block;
}

/*--------------------------------------------------------------
 * ## APPLY-LIST
 *--------------------------------------------------------------
 */

.apply-list {
    counter-reset: list;
    margin: 50px 0;
}

.apply-list li {
    display: flex;
    min-height: 122px;
    margin-bottom: 60px;
    position: relative;
}

.apply-list .list-icon {
    display: flex;
    height: 122px;
    justify-content: center;
    padding-left: 20px;
    position: relative;
    width: 130px;
}

.apply-list .list-icon:before {
    color: #ffffff;
    counter-increment: list;
    content: counter(list);
    font-size: 75px;
    font-weight: 700;
    line-height: 1;
    left: -10px;
    position: absolute;
    top: 50%;
    z-index: 1;

    -webkit-text-stroke: 3px var(--primary-color);

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.apply-list .list-icon:after {
    background: url(../img/half-ellipse.png) no-repeat scroll center/cover;
    content: '';
    height: 122px;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    z-index: 1;
}

.apply-list .list-icon img{
    align-self: center;
    display: flex;
    left: -5px;
    position: relative;
    margin: 0 auto;
    padding: 32px 0;
    z-index: 10;
}

.apply-list .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    position: relative;
    width: 75%;
}

.apply-list .content h3 {
    margin-bottom: 20px;
}

.apply-list li:nth-of-type(even) .list-icon{
    margin-left: auto;
    order: 2;
}

.apply-list li:nth-of-type(even) .content{
    margin: 0;
}

/*--------------------------------------------------------------
 * ## CUSTOM-FLIBOX (COURSE EXPLORE CAMPUS LOCATION)
 *--------------------------------------------------------------
 */

.custom-flipbox .tp-flipbox .tp-flipbox__icon-front,
.custom-flipbox .tp-flipbox .tp-flipbox__icon-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 207px;
    padding: 20px 0;
}

.custom-flipbox .tp-flipbox .tp-flipbox__desc-front,
.custom-flipbox .tp-flipbox .tp-flipbox__desc-back {
    padding: 0 !important;
}

.custom-flipbox .tp-flipbox .tp-flipbox__action{
    margin: 0 !important;
}

.custom-flipbox .tp-flipbox .tp-flipbox__title-front,
.custom-flipbox .tp-flipbox .tp-flipbox__title-back{
    padding: 20px 0;
}

.custom-flipbox .tp-flipbox .tp-flipbox__btn {
    background: none !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-indent: -99999px;
}

.custom-flipbox .tp-flipbox__icon-front img,
.custom-flipbox .tp-flipbox__icon-back img {
    max-width: 150px;
    margin: 0 auto;
}

.custom-flipbox .tp-flipbox .tp-flipbox__btn:hover{
    background: none !important;
}

/************************************************************************************************/

/*-----------------*\
    #ABOUT
\*-----------------*/

/*----------------------------------------*\
    #MILESTONES-SLIDER-WRAP
\*----------------------------------------*/

.milestone-sec{
    padding: 0;
    padding-left: calc((100vw - 1170px)/2);
}

.milestone-slider-wrap{
    position: relative;
    overflow: hidden;
}

.milestone-slider-wrap .bg{
    background: url(../img/australia-bg.jpg) repeat scroll center/cover;
    left: 0;
    height: 600px;
    position: absolute;
    right: 0;
}

.milestone-slider-wrap .bg:before{
    border-top: 300px solid transparent;
    border-bottom: 300px solid transparent;
    border-left: 145px solid var(--primary-bg-color);
    content: '';
    left: 0;
    position: absolute;
    z-index: 10;
}

.milestone-slider-wrap .bg:after{
    background: var(--primary-color); /* Old browsers */
    background: -moz-linear-gradient(left,  var(--primary-color) 1%, var(--secondary-color) 50%, var(--tertiary-color) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  var(--primary-color) 1%,var(--secondary-color) 50%,var(--tertiary-color) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  var(--primary-color) 1%,var(--secondary-color) 50%,var(--tertiary-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color)', endColorstr='var(--tertiary-color)',GradientType=1 ); /* IE6-9 */

    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}

.milestone-slider-wrap .wrap{
    margin-left: 170px;
    overflow: hidden;
}

.milestone-slider-wrap .swiper-container{
    height: 600px;
    max-width: 1100px;
    margin-left: 0;
    overflow: visible;
}

.milestone-slider-wrap .prev,
.milestone-slider-wrap .next{
    cursor: pointer;
    font-size: 50px;
    margin-top: -25px;
    outline: none;
    position: absolute;
    top: 50% !important;
    z-index: 11;
}

.milestone-slider-wrap .swiper-button-disabled{
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.milestone-slider-wrap .prev{
    color: var(--secondary-color);
    left: 20px;
}

.milestone-slider-wrap .next{
    color: #ffffff;
    right: 20px;
}

.milsestones-block .post{
    margin-bottom: 0;
    padding-top: 15px;
    overflow: hidden;
}

.milsestones-block figure{
    display: none;
    float: left;
    margin: 0;
    width: 30%;
}

.milsestones-block .content{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    width: 70%;
}

.milsestones-block .content h4{
    color: #ffffff;
}

.milsestones-block .content p{
    margin: 0;
}

.milsestones-block .content p+p{
    margin-top: 10px;
}

.milsestones-block .top-title{
    align-items: flex-end;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    width: 100%;
}

.milsestones-block .top-title > *{
    color: #ffffff !important;
    font-family: "Source Sans Pro";
    font-weight: 900 !important;
}

.milsestones-block h1{
    font-size: 140px !important;
    line-height: 95px;
    letter-spacing: -4px;
    margin: 0;
}

.milsestones-block h2{
    font-size: 60px !important;
    line-height: 45px;
    margin-bottom: -1px;
    padding-left: 15px;
    text-transform: uppercase;
}

.milsestones-block h3{
    color: var(--secondary-color);
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
}

.milestone-slider-wrap .swiper-slide:nth-child(odd){
    margin-top: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 120px;
}

.milsestones-block:not(.odd) .top-title {
    align-items: flex-start;
    margin-bottom: 20px;
    margin-top: -8px;
    position: relative;
}

/*----------------------------------------*\
    #QC-ELEMENTOR-LOCATION-TAB-SECTION
\*----------------------------------------*/

.qc-elementor-location-tab-section{
    overflow: hidden;
}

.qc-elementor-location-tab-section > .elementor-container,
.qc-elementor-location-tab-section > .elementor-container > .elementor-row,
.qc-elementor-location-tab-section .bg-img-column,
.qc-elementor-location-tab-section .bg-img-column .elementor-column-wrap,
.qc-elementor-location-tab-section .bg-img-column .elementor-widget-wrap{
    position: static;
}

.qc-elementor-location-tab-section .bg-img1,
.qc-elementor-location-tab-section .bg-img2,
.qc-elementor-location-tab-section .bg-img3{
    bottom: 0;
    left: 0;
    opacity: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
}

.qc-elementor-location-tab-section .bg-img1 *,
.qc-elementor-location-tab-section .bg-img2 *,
.qc-elementor-location-tab-section .bg-img3 *{
    height: 100%;
}

.qc-elementor-location-tab-section .bg-img1.show,
.qc-elementor-location-tab-section .bg-img2.show,
.qc-elementor-location-tab-section .bg-img3.show{
    opacity: 1;
    visibility: visible;
}

.qc-elementor-location-tab-section .tab-column{
    padding-left: calc((100vw - 1140px)/2);
}

.qc-elementor-location-tab-section .tab-column > .elementor-column-wrap{
    margin-left: auto;
}

.qc-elementor-location-tab-section .tab-column .elementor-tabs-wrapper{
    overflow: visible;
    position: relative;
}

.qc-elementor-location-tab-section .tab-column .elementor-tabs-wrapper:after {
    background: var(--body-color);
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    width: 100%;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title{
    padding: 0!important;
    opacity: 0.9;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title+.elementor-tab-title{
    padding-left: 30px !important;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title.elementor-active {
    font-weight: 700 !important;
    opacity: 1 !important;
}

.qc-elementor-location-tab-section .tab-column .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:first-child{
    padding: 0;
}

.qc-elementor-location-tab-section .tab-column .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:first-child:after{
    display: none;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title a{
    display: block;
    padding-bottom: 20px;
    position: relative;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title a:after {
    background: #ffffff;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title.elementor-active a:after{
    opacity: 1;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-content{
    padding: 35px 0 !important;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-content a:not(.btn-white){
    font-weight: 700;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-content .btn {
    margin-top: 30px;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-content .btn + .btn{
    margin-left: 20px;
}

.qc-elementor-location-tab-section .tab-column .elementor-tab-title a:after {
    background: var(--secondary-color);
    z-index: 2;
}

.qc-elementor-location-tab-section .bg-img-column .elementor-text-editor {
    background: #158499;
    opacity: 0.6;
    mix-blend-mode: darken;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.qc-elementor-location-tab-section .elementor-widget-text-editor a:not([class]){
    padding-bottom: 0;
}

.qc-elementor-location-tab-section .elementor-widget-text-editor a:not([class]):after{
    display: none;
}

/*--------------------------------------------------------------
 * ##  QC-ELEMENTOR-VID-BG-SEC
 *--------------------------------------------------------------
 */

.qc-elementor-vid-bg-sec .vid-bg .elementor-widget-container {
    height: 100%;
    width: 100%;
}

.qc-elementor-vid-bg-sec .vid-bg,
.qc-elementor-vid-bg-sec .vid-bg:before{
    bottom: 0;
    left: 0;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

.qc-elementor-vid-bg-sec .vid-bg:before{
    background-color: #158499;
    content: '';
    opacity: 0.7;
    mix-blend-mode: darken;
    -webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    -o-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: 2;
}

.qc-elementor-vid-bg-sec .vid-bg + section{
    position: relative;
    z-index: 3;
}

/*--------------------------------------------------------------
 * ## AFFLIATIONS-SEC
 *--------------------------------------------------------------
 */

.affilation-sec {
    padding: 0 0 75px;
}

.affilation-sec figure {
    display: flex;
    height: 100%;
    justify-content: center;
}

.affilation-sec figure img{
    align-self: center;
    max-height: 100px;
    margin: 0 auto;
}

.qc-affilation-gallery .elementor-image-gallery .gallery-item{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    padding-bottom: 30px !important;
}

/*--------------------------------------------------------------
 * ## CONTACT-ACC-COL
 *--------------------------------------------------------------
 */

.contact-acc-col .elementor-accordion .elementor-tab-content a:not(.btn){
    font-weight: 700;
    padding-bottom: 0;
}

.contact-acc-col .elementor-accordion .elementor-tab-content a:not(.btn):after{
    display: none;
}

/************************************************************************************************/

/*---------------------*\
    #CAMPUS LOCATION
\*---------------------*/

/*--------------------------------------------------------------
 * ## LOCATION-FLIPBOX
 *--------------------------------------------------------------
 */

.location-flipbox .tp-flipbox__content{
    overflow: hidden;
    padding: 0 20px;
}

.location-flipbox .tp-flipbox__content > div{
    padding-left: 0;
    padding-right: 0;
}

.location-flipbox .tp-flipbox__content h4{
    margin-bottom: 30px !important;
}

.location-flipbox .tp-flipbox__front,
.location-flipbox .tp-flipbox__back{
    overflow: hidden;
}

.location-flipbox .tp-flipbox__icon-front,
.location-flipbox .tp-flipbox__icon-back{
    margin: 0 -20px;
    overflow: hidden;
    padding: 0;
}

.location-flipbox .tp-flipbox__title-front,
.location-flipbox .tp-flipbox__title-back{
    padding-top: 40px;
    text-align: left;
}

.location-flipbox .tp-flipbox__desc-front,
.location-flipbox .tp-flipbox__desc-back{
    padding-bottom: 20px;
    text-align: left;
}

.location-flipbox .tp-flipbox__icon-front{
    position: relative;
}

.location-flipbox .tp-flipbox__icon-front:before{
    background: url(../img/bg-gradient.png) no-repeat scroll center/cover;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.location-flipbox .tp-flipbox__action {
    margin: 0;
    text-align: left;
}

.location-flipbox .tp-flipbox__btn{
    color: var(--tertiary-color);
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 0 12px;
    position: relative;
    text-decoration: none;
}

.location-flipbox .tp-flipbox__btn:after{
    background: var(--tertiary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 100%;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.location-flipbox .tp-flipbox__btn:hover{
    color: var(--secondary-color);
}

.location-flipbox .tp-flipbox__btn:hover:after{
    background: var(--secondary-color);
}

.location-flipbox .elementor-widget-text-editor a:not([class]):after{
    display: none;
}

/************************************************************************************************/

/*--------------------------------------------------------------
 * ## DOMSETIC BLOCK
 *--------------------------------------------------------------
 */

.domestic-block .elementor-widget-wrap > div:not(.elementor-widget-image) {
    padding-left: 50px;
    padding-right: 50px;
}

.domestic-block .elementor-widget-wrap .elementor-widget-image{
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    overflow: hidden;
}

/*--------------------------------------------------------------
 * ## ELEMENTOR-CHART-SECTION
 *--------------------------------------------------------------
 */

.elementor-chart-section .dots{
    background: url(../img/small-dot.png) repeat-x;
}

.elementor-chart-section .child-box{
    --divider-border-style: dotted;
    --divider-border-color: var(--secondary-color);
    --divider-border-width: 5px;
}

.elementor-chart-section .child-box:before,
.elementor-chart-section .child-box:after{
    content: '\f358';
    color: var(--secondary-color);
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -7.5px;
    content: '\f103';
    font-weight: 900;
}

.elementor-chart-section .child-box:after {
    border-bottom: var(--divider-border-width) var(--divider-border-style) var(--divider-border-color);
    bottom: -21px;
    content: '';
    display: block;
    margin-left: -11px;
    top: auto;
    width: 22px;

    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.elementor-chart-section .child-box{
    min-height: 150px;
}

.elementor-chart-section .child-box .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.elementor-chart-section .stages-section .child-box:first-child{
    min-height: 250px;
}

.elementor-chart-section .stages-section .child-box:nth-child(2){
    margin-top: 20px;
    min-height: 212px;
}

.elementor-chart-section .stages-section .child-box:nth-child(2):before {
    display: none;
}

/************************************************************************************************/

/*---------------------------*\
   # ACADEMIC CALENDAR
\*---------------------------*/

.tribe-events .tribe-events-c-events-bar__search-form {
    border: none;
    border-radius: 100px;
    overflow: hidden;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
    border: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control {
    background-color: #ffffff !important;
    border: 2px solid var(--secondary-color) !important;
    color: var(--secondary-color);
    margin: 0;
    padding: 14px 27px;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input {
    background-image: none;
    color: var(--secondary-color);
    font-family: 'Open Sans';
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
}

.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input::placeholder{
    color: var(--secondary-color);
    font-size: 14px;
}

.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:before{
    color: var(--secondary-color);
    content: '\f002' !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button {
    background-color: var(--secondary-color);
    border-radius: 0;
    padding: 16.5px 55px;
    border: 2px solid var(--secondary-color) !important;
    font-family: 'Open Sans';
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link {
    padding: 10px 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
    background-color: var(--secondary-color);
}

.tribe-events .tribe-events-c-view-selector__list-item-text {
    font-family: 'Open Sans';
    color: var(--secondary-color);
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav-link:before {
    background-image: none;
    border-radius: 100%;
    background-color: var(--secondary-color);
    color: #ffffff;
    height: 30px;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 800;
    line-height: 30px;
    margin-top: 0;
    text-align: center;
    width: 30px;
}

.tribe-common .tribe-common-c-btn-icon--caret-left:disabled:before{
    opacity: 0.5;
    padding: 7px 20px 23px 10px;
}

.tribe-common .tribe-common-c-btn-icon--caret-left:before{
    content: "\f104";
}

.tribe-common .tribe-common-c-btn-icon--caret-right:before{
    content: "\f105";
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    font-family: 'Open Sans';
    font-weight: 700;
    padding: 8px  20px !important;
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
    color: var(--secondary-color);
    font-size: 24px;
    font-family: 'Open Sans';
    font-weight: 700;
}

.tribe-common .tribe-common-h4 {
    color: #878787;
    font-family: 'Open Sans' !important;
    opacity: 1 !important;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date {
    color: var(--secondary-color);
}

.tribe-events .tribe-events-c-top-bar__datepicker-button:after {
    content: '\f107';
    background-image: none;
    color: var(--secondary-color);
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 800;
    margin-top: -16px;
    text-align: center;
}

.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-weight: 700;
    opacity: 1;
}

.tribe-events .tribe-events-calendar-month__calendar-event-datetime>* {
    color: var(--secondary-color) !important;
    opacity: 1 !important;
    font-family: 'Open Sans';
    font-weight: 700;
}

.tribe-common .tribe-common-anchor-thin:active,
.tribe-common .tribe-common-anchor-thin:focus,
.tribe-common .tribe-common-anchor-thin:hover {
    border: none !important;
    text-decoration: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link {
    background-color: #ffffff;
    color: #17a0ba !important;
    border: 2px solid #17a0ba;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link:before{
    display: none;
}

.tribe-events .tribe-events-c-ical__link:active,
.tribe-events .tribe-events-c-ical__link:focus,
.tribe-events .tribe-events-c-ical__link:hover {
    background-color: #17a0ba !important;
    color: #ffffff !important;
    border: 2px solid #17a0ba;
 }


.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button:focus {
    background: #17a0ba;
    color: #ffffff !important;
    border-color: #17a0ba;
}


.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop:focus,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button:focus {
    outline: none;
}

.tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input,
.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus {
    background-image: none;
}

.tribe-events .datepicker .month.focused.active {
    background: #17a0ba;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after {
    background-color: #17a0ba;
}

.tribe-events .tribe-events-c-top-bar__datepicker-button:focus,
.tribe-events .tribe-events-c-top-bar__datepicker-button:active {
    opacity: 1;
    box-shadow: none;
    outline: none;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-weight: 700;
    opacity: 1;
}

.tribe-events  .tribe-common-h4--min-medium{
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-weight: 700;
    opacity: 1;
}

.tribe-event-date-start,
.tribe-event-time{
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    opacity: 1;
}

.tribe-events-c-nav__prev-label {
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-weight: 700;
}

.tribe-events-c-nav__next-label {
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-weight: 700;
    opacity: 0.5;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-venue-title,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-venue-address {
    font-family: 'Open Sans';
    font-size: 16px
    font-weight: 700;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description p {
    font-family: 'Open Sans';
    font-size: 16px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-bottom: 65px;
    padding-top: 40px;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container:before {
    background-color: #d1ecf2;
    position: absolute;
    content: '';
    left: 0;
    height: 1px;
    width: 100%;
    z-index: -1;
    bottom: 0;
}

.sidebar-col li a{
    display: inline-block !important;
    padding-bottom: 10px;
    position: relative;
    width: auto !important;
}

.sidebar-col a:not(.sidebar-col-dropdown).active{
    color: var(--secondary-color) !important;
}

.sidebar-col a:not(.sidebar-col-dropdown).active .elementor-icon-list-text {
    color: inherit !important;
}

.sidebar-col li a.active:after{
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}

/*--------------------------------------------------------------
 * ## ELEMENTOR-ACCORDION
 *--------------------------------------------------------------
 */

.elementor-accordion .elementor-accordion-item,
.tribe-events-page-template .elementor-accordion .elementor-accordion-item {
    border: none;
    margin-bottom: 60px;
}

.elementor-accordion .elementor-tab-title,
.tribe-events-page-template .elementor-accordion .elementor-tab-title {
    border-bottom: 2px solid #E6E6E6;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
}

.elementor-accordion .elementor-tab-title.elementor-active,
.tribe-events-page-template .elementor-accordion .elementor-tab-title.elementor-active{
    border-bottom: 2px solid #E6E6E6 !important;
}

.elementor-accordion .elementor-tab-title a,
.tribe-events-page-template .elementor-accordion .elementor-tab-title a{
    color: var(--body-color);
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 20px 12px 0;
    margin-bottom: -2px;
    position: relative;
    z-index: 2;
}

.elementor-accordion .elementor-tab-title a.no-title{
    display: none;
}

.elementor-accordion .elementor-tab-title a.no-title+a{
    display: inline-block;
    z-index: 1;
}

.elementor-accordion .elementor-tab-title.elementor-active a,
.tribe-events-page-template .elementor-accordion .elementor-tab-title.elementor-active a{
    color: var(--body-color);
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon,
.tribe-events-page-template .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    color: var(--body-color);
    position: absolute;
    right: 0;
    top: 3px;
    text-align: right !important;
    z-index: 2;
}

.elementor-accordion .elementor-accordion-icon-opened i,
.elementor-accordion .elementor-accordion-icon-closed i,
.tribe-events-page-template .elementor-accordion .elementor-accordion-icon-opened i,
.tribe-events-page-template .elementor-accordion .elementor-accordion-icon-closed i{
    font-size: 12px;
    line-height: 1;
}

.elementor-accordion .elementor-tab-content,
.tribe-events-page-template .elementor-accordion .elementor-tab-content {
    border: none;
    color: var(--body-color) !important;
    font-size: 16px;
    padding: 0;
}

.elementor-accordion-item .elementor-tab-content ul,
.tribe-events-page-template .elementor-accordion-item .elementor-tab-content ul{
    padding: 15px 0;
}

.elementor-accordion-item .elementor-tab-content li,
.tribe-events-page-template .elementor-accordion-item .elementor-tab-content li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.elementor-accordion-item .elementor-tab-content li:before,
.tribe-events-page-template .elementor-accordion-item .elementor-tab-content li:before {
    color: var(--secondary-color);
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    left: 0;
    position: absolute;
}

.elementor-accordion .elementor-tab-content a:not([class]),
.tribe-events-page-template .elementor-accordion .elementor-tab-content a:not([class]) {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
}

.elementor-accordion .elementor-tab-content a:not([class]):hover,
.tribe-events-page-template .elementor-accordion .elementor-tab-content a:not([class]):hover {
    color: var(--secondary-color);
}

.elementor-accordion .elementor-tab-content a:not([class]):after,
.tribe-events-page-template .elementor-accordion .elementor-tab-content a:not([class]):after {
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}

.elementor-accordion .elementor-tab-content li a:not([class]){
    padding-bottom: 0;
}

.elementor-accordion .elementor-tab-content li a:not([class]):after,
.qc-elementor-location-tab-section .tab-column .address-text-widget li a:not([class]):after,
.tribe-events-page-template .elementor-accordion .elementor-tab-content li a:not([class]):after{
    display: none;
}

.tribe-events-page-template .cta-sec .elementor-button-link{
    border-width: 2px 2px 2px 2px;
    border-radius: 100px 100px 100px 100px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 45px 12px 45px;
}

.tribe-events-page-template .tribe-events-view{
    background: var(--tertiary-bg-color);
    padding: 70px 0;
}

.tribe-events-page-template .tribe-events-view .tribe-events-l-container{
    max-width: 100%;
    padding: 0;
}

.tribe-events-page-template .tribe-events-view .tribe-events-header,
.tribe-events-page-template .tribe-events-view .tribe-events-calendar-month,
.tribe-events-page-template .tribe-events-view .tribe-events-calendar-list,
.tribe-events-page-template .tribe-events-view .tribe-events-calendar-list-nav{
    background: var(--tertiary-bg-color);
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px;
}

.tribe-events-page-template .tribe-events-view .tribe-events-header{
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.tribe-events-page-template .tribe-events-view .tribe-events-calendar-month{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.tribe-events-page-template .tribe-events-view .tribe-events-before-html{
    background: var(--tertiary-bg-color);
    margin: 0 0 20px;
    padding-bottom: 30px;
    text-align: center;
}

.tribe-events-page-template .tribe-events-view .tribe-events-before-html h2{
    font-weight: 600;
}

.tribe-events-page-template .tribe-events-view .tribe-events-calendar-month__body,
.tribe-events-page-template .tribe-events-view .tribe-events-calendar-month__week {
    border-color: var(--secondary-color);
}

.tribe-events-page-template .tribe-events-view .tribe-events-c-events-bar__search{
    background: var(--tertiary-bg-color);
}

.tribe-events-page-template .tribe-events-view .tribe-events-calendar-month__day{
    border-color: var(--secondary-color);
}

.tribe-events-c-promo {
    display: none;
}

/*--------------------------------------------------------------
 * ## SIDEBAR-COL
 *--------------------------------------------------------------
 */

.sidebar-col {
    padding-top: 10px;
    position: relative;
    width: 348px !important;
    z-index: 10;
}

.sidebar-col > div{
    width: 348px !important;
}

.sidebar-col+.gap-col+.content-col{
    margin-left: auto;
    width: 66.332% !important;
}

.elementor-accordion-table .elementor-tab-title {
    margin: 0;
}

.elementor-accordion-table .elementor-tab-content ul{
    padding-top: 20px;
}

.sidebar-col .elementor-accordion .elementor-tab-content li,
.elementor-accordion-table .elementor-tab-content li {
    padding-left: 0;
}

.sidebar-col .elementor-accordion .elementor-tab-content li:before,
.elementor-accordion-table .elementor-tab-content li:before {
    display: none;
}

/*--------------------------------------------------------------
 * ## ELEMENTOR-SECOND-COL
 *--------------------------------------------------------------
 */

.elementor-second-accordion .elementor-accordion-item {
    margin-bottom: 15px;
}

.elementor-second-accordion .elementor-tab-title,
.elementor-second-accordion .elementor-tab-title.elementor-active{
    border: none !important;
    margin: 0;
}

.elementor-second-accordion .elementor-tab-title a,
.elementor-second-accordion .elementor-tab-title.elementor-active a{
    background: rgba(23, 161, 186, 0.1);
    color: var(--secondary-color) !important;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-family: 'Open Sans';
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
}

.elementor-second-accordion .elementor-accordion-item .elementor-accordion-icon{
    right: 10px;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.elementor-second-accordion .elementor-accordion-icon-opened i,
.elementor-second-accordion .elementor-accordion-icon-closed i{
    line-height: 20px;
}

.elementor-second-accordion .elementor-tab-title.elementor-active a,
.elementor-second-accordion .elementor-accordion-icon-closed i:before,
.elementor-second-accordion .elementor-accordion-icon-opened i:before{
    color: var(--secondary-color) !important;
}

.elementor-second-accordion .elementor-tab-content{
    color: var(--body-color) !important;
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    border: none !important;
    padding: 0;
}


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/


/*------------------------------------------------------------------------
Article & Dates
--------------------------------------------------------------------------*/

.article-sec, .date-sec {
    padding: 0;
}

.article-section-header h2,
.date-section-header h2 {
    font-size: 30px !important;
    text-align: left;
    margin-bottom: 12px !important;
}

.swiper-article-container .card-header {
    padding: 0;
}

.article-card{
    min-height: 466px;
}

.swiper-article-container .article-card {
    border: 2px solid var(--secondary-color);
    border-radius: 10px;
    overflow: hidden;
}

.article-container {
    overflow: hidden;
}

.article-card .card-body {
    padding: 20px 20px 40px 7px;
}

.article-card .card-body h4 {
    color: var(--body-color);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.article-card .content p {
    font-size: 14px;
    padding-top: 5px;
}


.article-card .content p {
    font-size: 14px;
    padding-top: 5px;
}

.card{
    border: none;
}


.card-footer {
    background: transparent;
    border: none;
    padding: 0;
}

.card-footer .card-link {
    background: var(--secondary-color);
    color: #ffffff;
    border: none;
    border-top: 2px solid var(--secondary-color);
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    font-weight: 700;
    position: absolute;
    padding: 0px 20px;
    width: 100%;
    bottom: 0;
    line-height: 41px;
}

.card-footer .card-link:hover {
    background: transparent;
    color: var(--secondary-color);
}

.date-sec .card-footer .card-link {
    border: 2px solid var(--secondary-color) !important;
}

.date-sec .card-footer {
    border: none;
}


.card-footer .card-link .fas {
    float: right;
    font-size: 16px;
    line-height: 41px;
}



.post-date {
    color: var(--secondary-color);
    font-size: 12px;
}

.post-date:before {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}

.article-container .swiper-nav {
    position: static;
    overflow: hidden;
}

.article-container .swiper-button-next,
.article-container .swiper-button-prev {
    background-color: #ffffff !important;
    margin-top: -100px;
    box-shadow: 0 0 0 15px #dcf1f578;
}

.article-container .swiper-button-next .fas,
.article-container .swiper-button-prev .fas {
    color: #17a0ba;
}

.article-container .swiper-button-prev {
    left: -20px !important;
}

.article-container .swiper-button-next {
    right: -20px !important;
}


.article-container .swiper-button-next .fas:before{
    margin-right: 10px;
}

.article-container .swiper-button-prev .fas:before{
    margin-left: 10px;
}

.date-sec .card li {
    display: flex;
    padding-bottom: 20px;
}

.date-sec .card li .month-icon {
    font-size: 26px;
    color: #ffffff;
    box-shadow: -5px 5px 0 0 rgba(209, 236, 241, 1);
    width: 98px;
    text-align: center;
    line-height: 16px;
    font-weight: 900;
    padding: 10px 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.date-sec .card li .month-icon .month {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-top: 7px;
    text-transform: uppercase;
}

.date-sec .card .card-body {
    padding: 0 0 41px;
}

.date-sec .card li a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 10px;
    margin: 10px 0 0px;
    width: 400px;
}

.subscribe-col.shadow-block {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.subscribe-email .subscribe {
    border: none !important;
    text-align: center;
    margin: 0 auto;
    width: 280px;
}

.subscribe-email {
    text-align: center;

}

.subscribe-email .subscribe::placeholder{
    color: #ffffff;
    font-size: 14px;
}

/********************************************************************************************************/

/*---------------------------*\
   Article and Event page
\*---------------------------*/

.news-wrap h2 {
    color: var(--primary-color);
    margin-bottom: 50px;
    text-align: center;
}

.news-options {
    padding-bottom: 50px;
}

.news-options .radiobox-wrap label:before {
    border: 2px solid #000000;
    box-shadow: none;
    border-radius: 4px;
}

.news-options .radiobox-wrap input[type="radio"]:checked + label:before{
     background: #299a99 !important;
     border-color: #299a99;
}

.news-options .radiobox-wrap label:after {
    content: '\f00c';
    background-color: transparent;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    top: 3.4px;
    left: 2px;
}

.news-options .option-set-checkbox {
    display: block;
    text-align: center;
}

.news-options .option-set-checkbox .radiobox-wrap {
    display: inline-block;
    margin: 0 20px;
}

.news-options .radiobox-wrap label {
    color: var(--body-color);
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
}

.news-card {
    position: relative;
}

.news-grid .featured {
    padding-bottom: 50px;
}

.news-grid .featured .card-header {
    border-bottom: 0px;
    float: left;
    height: 370px;
    width: 49%;
    padding: 0;
    position: relative;
}

.news-grid .featured .card {
    min-height: 370px;
    display: block;
    width: 100%;
    border-radius: 10px;
    position: relative;
    border: 1px solid var(--secondary-color) !important;
    box-shadow: -15px 15px 0px 0px #d1ecf1;
    overflow: hidden;
}

.news-grid .featured .card-body {
    color: #878787;
    float: left;
    width: 45%;
    position: relative;
    padding: 30px 30px 60px;
}

.news-grid .featured .card-header img {
    width: 100%;
    overflow: hidden;
}

.article-card .news-link,
.event-card .news-link{
    background: var(--secondary-color);
    color: #ffffff;
    border: none;
    border-top: 1px solid var(--secondary-color);
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    font-weight: 700;
    position: absolute;
    padding: 0px 20px;
    width: 100%;
    bottom: 0px;
    line-height: 45px;
    left: 0;
}

.article-card .news-link:hover,
.event-card .news-link:hover {
    background: transparent;
    color: var(--secondary-color);
}

.news-grid .featured .article-card .news-link{
    width: 51%;
    float: right;
    left: auto;
    right: 0;
    border-bottom-left-radius: 0 !important;
    padding: 0 30px;
}


.article-card .news-link .fas,
.event-card .news-link .fas {
    float: right;
    line-height: 45px;
}

.news-grid .featured .article-card h4,
.news-grid .featured .event-card h4 {
    color: var(--body-color);
    font-size: 30px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.news-card {
    position: relative;
    border: 1px solid var(--secondary-color) !important;
    border-radius: 10px;
    box-shadow: -15px 15px 0px 0px #d1ecf1;
    overflow: hidden;
    min-height: auto;
    margin-bottom: 50px;
}

.news-card .card-header {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.news-card .card-header {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news-card .card-body {
    color: #878787;
    padding: 20px 20px 50px;
    min-height: 255px;
}

.article-card .card-body {
    padding: 20px 20px 66px;
}

.news-card .card-body h4 {
    color: var(--body-color);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 7px;
}

.news-card .card-header img {
    width: 100%;
}


/* .news-grid .news-list {
    display: block;
    column-count: 3;
    position: relative;
    margin: 0;
}

.news-grid .news-list .news-block {
    display: inline-flex;
    margin-bottom: 50px;
    margin-left: 15px;
    position: relative;
}

*/

.event-section .featured {
    max-width: 100% !important;
    flex: none;
}

.news-grid .featured .event-card .news-link {
    width: 100%;
    position: absolute;
    right: 0;
    border-bottom-left-radius: 0 !important;
}

.news-grid .featured .event-card .card-body {
    width: 51%;
    min-height: 370px;
}

.news-grid .featured .event-card h4,
.news-grid .featured .event-card .date,
.news-grid .featured .event-card .content {
    width: 86%;
}

.news-grid .featured .event-card{
    min-height: 370px;
}

.article-section .date .post-date,
.event-section .date .post-date{
    display: inline-block;
    padding-right: 15px;
}

.article-section .date li:first-child,
.event-section .date li:first-child {
    padding-left: 0;
}

.post_time:before {
    content: '\f017' !important;
}

.date .post-location:before {
    content: '\f3c5' !important;
    font-weight: 900;
}

.news-grid .featured .date .post-date:before,
.news-grid .date .post-date:before {
    content: '\f073';
    font-size: 13px;
}


.news-grid .featured .content p,
.news-card .content p{
    font-size: 14px;
    line-height: 1.4;
}

.article-section {
    padding: 20px 0 75px;
}

.event-section:before {
    position: absolute;
    content: '';
    margin-top: -75px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #CCCCCC;
    z-index: -1;
}

.subscribe-section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 100px 0;
}

.news-grid .featured .date,
.news-card .date {
    padding-bottom: 10px;
}

.subscribe-block {
    box-shadow: none;
    float: right;
    text-align: center;
    padding: 55px 30px;
    width: 360px;
    position: relative;
}

.icon-box .icon {
    font-size: 80px;
}

.subscribe-block .icon-box {
    margin-bottom: 20px;
}

.icon-box-content h3 {
    font-size: 24px;
    font-weight: 700;
}

.icon-box-content p {
    opacity: 0.5;
}

.subscribe-block .subscribe-email {
    padding: 25px 0;
}

.subscribe-block .subscribe-email .subscribe {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: rgba(51, 51, 51, 0.21);
    border-radius: 29px;
    padding: 20px;
    margin-bottom: 20px;
}

.subscribe-email .subscribe:focus {
    outline: none;
}

.subscribe-block .subscribe-btn:hover {
    background: #ffffff;
}

.page-navigation {
    padding: 45px 0 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.page-navigation .pagination{
    display: inline-flex;
}

.page-navigation .page-item {
    display: inline-block;
    margin-right: 10px;
}

.page-navigation .page-item .page-link {
    background: #d1ecf2;
    border-color: transparent;
    border-radius: 100%;
    color: #ffffff;
    font-family: 'Open Sans';
    font-size: 12px;
    padding: 4px 8px;
}

.page-navigation .page-item .page-link.active {
    background: #17a0ba;
}

.page-navigation .page-item .page-link:focus {
    outline: none;
    box-shadow: none;
}

.page-navigation .page-item .page-link .fal {
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.page-navigation .page-item .page-link.previous {
    background: var(--tertiary-color);
    box-shadow: 0 0 0 5px rgba(131, 196, 72, 0.25);
}

.page-navigation .page-item .page-link.next {
    background: var(--tertiary-color);
    box-shadow: 0 0 0 5px rgba(131, 196, 72, 0.25);
}

.event-section {
    padding: 75px 0 100px;
}



.article-date:before {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding-right: 5px;
}

.article-date{
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 600;
}

.single-section {
    padding: 75px 0;
    position: relative;
}

.event-info-wrap {
    padding: 70px 0;
}

.event-info-tab {
    border: none;
    position: relative;
    font-size: 18px;
    margin: 0 auto;
    justify-content: center;
}

.event-info-tab .nav-item {
    padding: 0 18px;
}

.event-info-tab .nav-item .nav-link {
    border: none;
    border-bottom: 3px solid transparent !important;
    color: var(--body-color) !important;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0px 20px;
}

.event-info-tab .nav-item .nav-link.active {
    border: none;
    border-bottom: 3px solid #269b99 !important;
    color: #269b99 !important;
    font-weight: 700;
}

.event-info-tab .nav-item .nav-link:hover {
    color: #269b99 !important;
    border-color: transparent;
}


.event-info-wrap .tab-content:before {
    position: absolute;
    content: '';
    margin-top: -3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #CCCCCC;
    z-index: -1;
}

.event-info-wrap .tab-content .tab-pane {
    margin-top: 1px;
    padding: 45px 0;
    text-align: center;
    margin-bottom: 0;
}

.event-info-wrap .tab-content .tab-pane h3{
    color: #17a0ba;
    font-weight: 700;
    margin-bottom: 30px;
}

.event-list-wrap {
    padding: 40px 0;
    position: relative;
}

.event-list-wrap .month-icon {
    font-size: 26px;
    color: #ffffff;
    box-shadow: -5px 5px 0 0 rgba(209, 236, 241, 1);
    width: 65px;
    text-align: center;
    line-height: 16px;
    font-weight: 900;
    padding: 10px 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.event-list-wrap .month-icon .month {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-top: 7px;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

.event-list-wrap .month-icon .date {
    text-align: center;
    width: 100%;
}

.event-list-wrap ul{
    column-count: 1;
    overflow: hidden;
}

.event-list-wrap .content {
    display: inline-flex;
    float: left;
    padding-bottom: 25px;
    width: 50%;
    position: relative;
}

.event-list-wrap .content a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 10px;
    margin: 10px 0 0px;
    text-align: left;
    width: 80%;
}

#tribe-events-pg-template {
    max-width: 100%;
}

.event-single {
    padding: 0 0 70px !important;
    margin: 0 !important;
}

/*.event-single .tribe-events-schedule h2 {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 600;
}*/

.single-tribe_events .inner-page-header-section .tag .tribe-event-date-start:before {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding-right: 5px;
}

.event-single .tribe-events-content p {
    font-family: 'Open Sans';
    font-size: 16px;
}

.event-single .tribe-events-cal-links {
    padding: 25px 0;
    margin-bottom: 0 !important;
}

.event-single .tribe-events-button {
    background: var(--secondary-color) !important;
    color: #ffffff !important;
    border: 2px solid var(--secondary-color);
    border-radius: 25px;
    font-family: 'Open Sans';
    font-size: 16px !important;
    margin: 0;
    padding: 10px 20px !important;
    margin-right: 20px;
}

.event-single .tribe-events-button:hover {
    background: #ffffff !important;
    color: var(--secondary-color) !important;
}

.event-single .tribe-events-single-section {
    margin: 0;
}

.event-single .tribe-events-single-section-title {
    font-family: 'Open Sans' !important;
    font-size: 18px !important;
}

.event-single .tribe-events-event-meta dl {
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}

.event-single .tribe-events-event-meta .tribe-events-abbr {
    text-decoration: none !important;
}

.event-single .tribe-events-event-meta .tribe-events-address {
    font-style: normal !important;
}

.event-single .tribe-events-venue-map {
    margin: 0;
    padding: 0;
}

.event-info-wrap .accordion .card {
    margin-bottom: 20px;
}

.event-info-wrap .accordion .card-header {
    border: none;
    padding: 0;
    margin: 0;
}

.event-info-wrap .accordion h2 {
    line-height: 0;
}

.event-info-wrap .accordion .card-header .btn-link {
    background: var(--secondary-color);
    color: #ffffff !important;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    border: 2px solid var(--secondary-color) !important;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
}

.event-info-wrap .accordion .card-header .btn-link.collapsed{
    background: #ffffff;
    color: var(--secondary-color) !important;
    border-radius: 5px;
}

.event-info-wrap .accordion .card-header .btn-link.collapsed:before {
    content: '\f055';
}

.event-info-wrap .accordion .card-header .btn-link:before {
    content: "\f056";
    font-family: "Font Awesome 5 Free";
    font-weight : 900;
    float: right;
}

.event-info-wrap .accordion .card-header .btn-link:hover,
.event-info-wrap .accordion .card-header .btn-link:focus {
    text-decoration: none;
    outline: none !important;
}

.event-info-wrap .accordion h2:focus {
    border: none !important;
    outline: none !important;
}

.event-info-wrap .accordion .card-body {
    border: 2px solid #19A1BB !important;
    border-top: none !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: var(--body-color) !important;
    padding: 0 0 15px;
}

.event-info-wrap .accordion table {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0;
}

.event-info-wrap .accordion table th {
    background: none;
    border-bottom: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
}

.event-info-wrap .accordion table td {
    font-family: 'Open Sans';
    font-size: 16px;
    padding: 15px;
}

/************************************************************************************************/

.elementor-list-icons .elementor-icon-list-items {
    column-count: 2;
}

.elementor-list-section:before {
    position: absolute;
    content: '';
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #d1ecf2;
    z-index: -1;
    bottom: 0
}

.requirement-tab-section .elementor-tabs-content-wrapper .elementor-tab-content {
    text-align: left;
    padding: 40px 75px 40px 75px;
}

.requirement-tab-section .elementor-tabs-content-wrapper .elementor-tab-content h3 {
    margin-bottom: 40px;
}

.online-btn {
    background: var(--secondary-color);
    color: #ffffff !important;
    border: 2px solid var(--secondary-color);
    border-radius: 20px;
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    padding: 3px 15px;
    margin-top: 10px;
    margin-right: 15px;
}

.online-btn:hover {
    background: transparent;
    color: var(--secondary-color) !important;
}

.download-btn {
    display: inline-block;
    color: var(--secondary-color) !important;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

.download-btn:hover {
    color: var(--tertiary-color) !important;
}

.download-btn:before {
    content: '\f1c1';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}

/*----------------------------------------*\
    #Elementor life in australia
\*----------------------------------------*/

.qc-elementor-img-content-section.elementor-bg-sec .inner-content-section li {
    color: #ffffff;
}

.qc-elementor-img-content-section.rt .inner-content-section .content-column-lt {
    padding-right: 10px !important;
}

.qc-elementor-img-content-section.elementor-bg-sec .elementor-text-editor a:hover{
    color: #83c449 !important;
}

.qc-elementor-img-content-section .content-column .elementor-text-editor a:hover {
    color: #17a0ba;
}

.qc-elementor-img-content-section.rt .content-column .elementor-text-editor a:hover,
.content-column.bg-content-column .elementor-text-editor a:hover {
    color: #83c449;
}

.elementor-section-divider:before {
    position: absolute;
    content: '';
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #d1ecf2;
    z-index: -1;
    bottom: 0;
}



/*----------------------------------------*\
    #RPL Page
\*----------------------------------------*/

.elementor-icon-section .elementor-icon-box-icon {
   border-radius: 100%;
   align-items: center;
   width: 100px;
   height: 100px;
   margin: -65px auto 0;
   padding: 25px 0;
   position: relative;
}

.elementor-icon-section .elementor-icon-box-icon:before{
    background-image: linear-gradient(to bottom, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
    border-radius: 100%;
    bottom: 0;
    content: '';
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
}

.elementor-icon-section .elementor-icon-box-icon:after{
    background: #ffffff;
    border-radius: 100%;
    bottom: 3px;
    content: '';
    left: 3px;
    overflow: hidden;
    position: absolute;
    right: 3px;
    top: 3px;
}

.elementor-icon-section .elementor-icon-box-icon .elementor-icon i{
    color: #17a0ba;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.shape-block.middle {
    background-color: transparent;
}

.elementor-chart-section .elementor-full-col .elementor-widget-container{
    background: #17a0ba;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #ffffff;
    padding: 8px 0;
}

.elementor-chart-section .elementor-full-col:after{
    color: #17a0ba;
    content: '\f063';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.elementor-chart-section .elementor-full-col:last-child:after{
    display: none
}

.elementor-chart-section .elementor-full-col .elementor-text-editor p{
    margin-bottom: 0;
}


.hs-input[type=text] {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: rgba(51, 51, 51, 0.21);
    border-radius: 29px !important;
    border: none !important;
    padding: 20px 30px !important;
    min-height: 51px !important;
}

.hs-input[type=text]::placeholder{
    border: none;
    color: #FFFFFF;
}

.hs-input:focus{
    border: none;
    outline: none;
}

.contact-location-sec.qc-elementor-location-tab-section .bg-img1,
.contact-location-sec.qc-elementor-location-tab-section .bg-img2,
.contact-location-sec.qc-elementor-location-tab-section .bg-img3{
    margin-bottom: 0;
}


/************************************************************************************************/

/***** CUSTOM ADDED ELEMETOR CLASSES WILL BE BEGIN WITH qc as queensford college so that its easy*****/

/*------------------------------------------------------
    QC-ELEMENTOR-TITLE-ICON-BOX(WHY QUEENSFORD)
 -------------------------------------------------------*/

.qc-elementor-title-icon-box .elementor-image-box-wrapper{
    align-items: center !important;
}

.qc-elementor-title-icon-box .elementor-image-box-wrapper:before{
    background-image: linear-gradient(to bottom, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
    bottom: 5px;
    content: '';
    left: 0;
    height: 62px;
    margin-top: -31px;
    position: absolute;
    top: 50%;
    width: 6px;
}

.qc-elementor-title-icon-box.elementor-position-left .elementor-image-box-wrapper:before{
    left: auto;
    right: 0;
}

.qc-elementor-title-icon-box .elementor-image-box-img{
    display: flex !important;
    align-items: center;
    height: 100px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100px;
}

.qc-elementor-title-icon-box .elementor-image-box-img:after{
    background: #ffffff;
    border-radius: 100%;
    bottom: 3px;
    content: '';
    left: 3px;
    overflow: hidden;
    position: absolute;
    right: 3px;
    top: 3px;
}

.qc-elementor-title-icon-box .elementor-image-box-img img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.qc-elementor-title-icon-box .elementor-image-box-content{
    max-width: 315px;
    padding-left: 16px;
    padding-right: 30px;
    position: relative;
}

.qc-elementor-title-icon-box.elementor-position-left .elementor-image-box-content{
    padding-left: 30px;
    padding-right: 16px;
}

.qc-elementor-why-queensford-section .main-image-box .elementor-widget-container{
    display: inline-block;
    max-width: 360px;
    position: relative;
}

.qc-elementor-why-queensford-section .main-image-box .elementor-widget-container:before {
    background-image: linear-gradient(to bottom, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
    border-radius: 100%;
    content: '';
    left: 50%;
    margin-left: -275px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 550px;
    height: 550px;
    z-index: 1;
}

.qc-elementor-why-queensford-section .main-image-box .elementor-widget-container:after {
    background: #ffffff;
    border-radius: 100%;
    height: 530px;
    left: 50%;
    margin-left: -265px;
    position: absolute;
    content: '';
    top: 25px;
    width: 530px;
    z-index: 1;
}

.qc-elementor-why-queensford-section .main-image-box .elementor-image{
    position: relative;
    z-index: 2;
}


.icon-shape-block .content ul,
.single .entry-content ul{
    margin: 15px 0;
}

.icon-shape-block .content li,
.single .entry-content li{
    padding-left: 22px;
    position: relative;
    text-align: left;
}

.icon-shape-block .content li+li,
.single .entry-content li+li{
    margin-top: 7px;
}

.icon-shape-block .content li:before,
.single .entry-content li:before {
    color: inherit;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 0;
}

.icon-shape-block .content li:before,
.single .entry-content li:before{
    color: var(--secondary-color);
}

/*----------------------------------------*\
    #QC-ELEMENTOR-SOCIAL-SECTION
\*----------------------------------------*/

.qc-elementor-social-section .elementor-column-wrap{
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.qc-elementor-social-section .elementor-widget-wrap{
    max-width: 1140px;
    margin: 0 auto;
}

.ff-stream {
    background: transparent !important;
    font-weight: 400 !important;
}

.ff-stream .ff-loadmore-wrapper .ff-btn{
    background: var(--tertiary-color) !important;
    border-radius: 100px;
    display: inline-block;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: 700;
    min-width: 250px;
    margin-top: 60px;
    text-transform: capitalize;
}

/*----------------------------------------*\
    #PHOTO GALLERY
\*----------------------------------------*/

.tab-section .elementor-tab-content .bwg_thumbnail.bwg_container.bwg_thumbnails_masonry {
    left: 50%;
    margin-left: -570px;
    width: 1140px;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-masonry-thumbnails{
    justify-content: flex-start !important;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-masonry-thumbnails .bwg-item a{
    border-radius: 10px !important;
    overflow: hidden;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-masonry-thumbnails .bwg-item0{
    border-radius: 0 !important;
    z-index: 1 !important;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-item .bwg-play-icon1{
    z-index: 1 !important;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-item .bwg-icon-play:before {
    color: #17a0ba;
    content: '\f144';
    font-family: "Font Awesome 5 Free";
    font-size: 60px;
    position: relative;
    z-index: 2;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-item .bwg-icon-play:after{
    background: #ffffff;
    border-radius: 100%;
    content: '';
    height: 50px;
    display: inline-block;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    vertical-align: top;
    width: 50px;
}

.bwg_thumbnail.bwg_container.bwg_thumbnails_masonry .bwg-masonry-thumb-description{
    background: #17A0BA;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #ffffff !important;
    margin-top: -20px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: left !important;
    width: 100%;
    z-index: 2;
}

/*----------------------------------------*\
    #BACK TO TOP
\*----------------------------------------*/

.back-to-top{
    background: var(--tertiary-color);
    border-radius: 100%;
    bottom: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-align: center;
    visibility: hidden;
    width: 40px;
    z-index: 10;

    -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
}

.back-to-top.visible, .back-to-top.fade-out, .back-to-top:hover {
    -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
}

.back-to-top i{
    color: #ffffff;
    font-size: 16px;
    line-height: 36px;
}

.back-to-top.fade-out {
  opacity: 0.5;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover, .back-to-top.fade-out:hover{
    opacity: 1;
}

.news-grid .featured .card,
.news-card{
    box-shadow: none;
}

.page-navigation .page-item .page-link{
    background: #17a0ba;
    opacity: 0.5;
}

.page-navigation .page-item .page-link.previous,
.page-navigation .page-item .page-link.next{
    background: var(--tertiary-color);
}

.page-navigation .page-item .page-link.active,
.page-navigation .page-item .page-link:not(.previous):hover,
.page-navigation .page-item .page-link:not(.next):hover {
    opacity: 1;
}

.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.gallery-spacing-custom .elementor-image-gallery .gallery-caption {
    background: #17A0BA;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #ffffff;
    padding: 10px;
}

div#tribe-events-view-selector-content,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3--min-medium,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container:before,
.single-tribe_events #page > article.page,
.single-tribe_events .tribe-events-pg-template > .tribe-events-before-html,
.single-tribe_events .tribe-events-cal-links,
.single-tribe_events .download-calendar,
.single-tribe_events .tribe-events-single-section,
.single-tribe_events .event-info-wrap{
    display: none;
}

.single-tribe_events .tribe-events-single .container{
    max-width: 800px;
    margin: 0 auto;
}

/*----------------------------------------*\
    #SINGLE PAGE
\*----------------------------------------*/

.single .entry-content{
    margin-top: 50px;
}

.single .elementor-text-editor{
    color: var(--body-color);
}

.single blockquote{
    background: #f1f1f1;
    border-left: 5px solid var(--secondary-color);
    color: var(--secondary-color);
    font-weight: 600;
    padding: 10px 20px;
    margin: 0 0 20px;
}

.single #breadcrumbs{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.single #breadcrumbs span[aria-current="page"]{
    color: var(--secondary-color);
}

.tp-flipbox__front,
.tp-flipbox__back{
    background-blend-mode: overlay;
    background-position: center;
}

.single-tribe_events #page > .page-header-section{
    display: none;
}

/*---------------------------*\
  Comment Section
\*---------------------------*/


.single .inner-content {
    margin: 0 auto;
    padding: 0 10px;
}

.post-navigation .nav-links{
    border-bottom: 2px solid #ebecec;
}

.post-navigation .nav-links .meta-nav {
    border-bottom: 2px solid var(--secondary-color);
    display: inline-block;
    font-size: 14px;
    padding-bottom: 0px;
    margin: 10px 0;
}

.post-navigation .nav-links .post-title {
    border-top: 2px solid #ebecec;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 30px 0;
    margin: 0px;
}

.comments-area {
    padding-top: 40px;
}

.comments-area .comments-title {
    padding-bottom: 30px;
}

.comments-area .comment-reply-title {
    font-size: 20px;
    font-weight: 500;
}

.comments-area .comment-respond .comment-notes {
    display: none;
}

.comments-area .comment-respond textarea,
.comments-area .comment-respond input {
    border: 1px solid #414143;
    border-radius: 25px;
    color: var(--body-color) !important;
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
}

.comments-area .comment-respond textarea:focus {
    outline: none;
}

.comments-area .comment-respond label {
    display: none;
}

.comments-area .comment-respond textarea::placeholder,
.comments-area .comment-respond input::placeholder {
    color: #414143;
    font-size: 14px;
    font-weight: 600;
}

.comments-area .comment-form-author{
    display: inline-block;
    float: left;
    padding-right: 15px;
    width: 50%;
}

.comments-area .comment-form-email{
    display: inline-block;
    float: left;
    padding-left: 15px;
    width: 50%;
}

.comments-area .comment-respond input[type="submit"] {
    background: var(--tertiary-color);
    border: 2px solid var(--tertiary-color);
    color: #ffffff !important;
    font-weight: 600;
    padding: 12px 30px;
    width: auto;
}

.comments-area .comment-respond input[type="submit"]:hover {
    background: #ffffff;
    border: 2px solid var(--tertiary-color);
    color: var(--tertiary-color) !important;
}

.comments-area .comment-respond .comment-form-cookies-consent {
    position: relative;
}

.comments-area .comment-respond input[type="checkbox"] {
    background: transparent;
    border: 1px solid var(--body-color);
    box-shadow: none;
    border-radius: 0;
    left: 5px;
    padding: 8px;
    position: absolute;
    top: 2px;
    width: auto;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
    display: block;
    font-size: 12px;
    line-height: 1.1;
    padding-top: 5px;
    padding-left: 30px;
    position: relative;
}

.comments-area .comment-respond .comment-form-cookies-consent label:after {
    content: '\f00c';
    background-color: transparent;
    color: var(--body-color);
    font-size: 12px;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    opacity: 0;
    left: 8.5px;
    position: absolute;
    top: 4.5px;
}

.comments-area .comment-respond input[type="checkbox"]:checked + label:after{
    opacity: 1;
}

#comments ol.comment-list{
    list-style: none;
    margin-bottom: 40px;
    padding: 0;
}

#comments .comment-list .comment {
     background: var(--secondary-bg-color);
     padding: 20px 20px 30px;
     box-shadow: var(--box-shadow);
     border-radius: 10px;
     margin-bottom: 30px;
     list-style-type: none;
}

#comments .comment-meta .comment-author img {
    display: inline;
}

#comments .comment-meta .comment-metadata {
    font-size: 14px;
    padding: 5px 0;
}

#comments .comment .reply a {
    padding-bottom: 10px;
    position: relative;
}

#comments .comment .reply a:after {
    background: var(--secondary-color);
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/*---------------------------*\
  Related post section
\*---------------------------*/

.related-sec h2{
    font-weight: 600 !important;
    margin-bottom: 50px;
    text-align: center;
}

.related-sec .swiper-sec .swiper-container{
    padding: 0;
}

.related-sec .block{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100%;
    line-height: 22px;
    margin-bottom: 0;
}

.related-sec .block figure{
    margin-bottom: 0;
}

.related-sec .block .content{
    padding: 30px 30px 0;
}

.related-sec .block .content .desc{
    margin: 15px 0 30px;
}

.related-sec .block .title{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.related-sec .block .post-date{
    font-size: 14px;
}

.related-sec .block .post-date:before{
    display: none;
}

.related-sec .block .btn-link{
    align-self: flex-start;
    margin: auto 30px 30px 30px;
}

/*---------------------------*\
  Event Single
\*---------------------------*/

.single-tribe_events #tribe-events-footer {
    border-top: none;
    padding: 0;
    margin: 0;
}

.single-tribe_events .tribe-events-sub-nav {
    border-bottom: 2px solid #ebecec;
}

.single-tribe_events #tribe-events-footer li{
    margin: 0 !important;
    width: 50%;
}

.event-pagination .meta-nav {
    border-bottom: 2px solid #158499;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    padding-bottom: 5px;
    position: relative;
}

.event-pagination .post-title {
    border-top: 2px solid #ebecec;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 30px 0;
    margin: 0px;
}


/*---------------------------*\
        Search Page
\*---------------------------*/

.search .page-title-sec h4{
    font-weight: 400;
    margin: 15px 0 0;
}

.search-post .group-posts{
    margin-bottom: 60px;
}

.search-post h2 {
    border-bottom: 2px solid #E6E6E6;
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.search-post .block,
.archive-section .block{
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 50px;
    overflow: hidden;
}

.search-post .block a,
.archive-section .block a{
    color: var(--secondary-color);
}

.search-post .block a:hover,
.archive-section .block a:hover{
    color: var(--body-color);
}

.search-post .block .figure{
    margin: 0;
}

.search-post .block .content,
.archive-section .block .content{
    padding: 0 10px;
}

.search-post .block .entry-meta,
.archive-section .block .entry-meta {
    font-size: 12px;
    padding-bottom: 5px;
}

.search-post .block .entry-summary,
.archive-section .block .entry-summary{
    margin: 0;
}

.search-post .block .entry-footer,
.archive-section .block .entry-footer {
    font-size: 12px;
}

.search-post .block .entry-footer span,
.archive-section .block .entry-footer span {
    margin-right: 10px;
}

.search-post .nav-links a,
.archive-section .nav-links a {
    border-bottom: 5px solid var(--secondary-color);
    padding-bottom: 10px;
}

.error-404 .page-header,
.search-no-results .page-header {
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
}

.error-404 .page-header h1,
.search-no-results .page-header h1 {
    font-size: 60px;
}

.error-404 .page-content,
.search-no-results .page-content {
    text-align: center;
}

.whats-on-section .article-sec .col-sm-12{
    margin-bottom: 40px;
}

/********************************************************************************************************/
/***********************************************************************************************/

/*----------------------------------------*\
    #RESPONSIVE
\*----------------------------------------*/

@media (min-width: 320px){

}

@media (min-width: 768px){

    .hide-br br{
        display: none;
    }

    /***** STUDY-AREA-SEC *****/
    .home .study-area-sec,
    .article-sec{
        padding-bottom: 0 !important;
    }

    .home .study-area-sec .swiper-button-prev,
    .home .study-area-sec .swiper-button-next,
    .home .study-area-sec .swiper-pagination,
    .article-sec .swiper-button-prev,
    .article-sec .swiper-button-next,
    .article-sec .swiper-pagination{
        display: none;
    }

    .home .study-area-sec .swiper-wrapper,
    .article-sec .swiper-wrapper{
        flex-wrap: wrap;
    }

    .bottom-footer-sec br{
        display: none;
    }

}

@media (min-width: 1025px){

    .related-sec .swiper-sec{
        padding-bottom: 0 !important;
    }

    .related-sec .swiper-sec .swiper-button-prev,
    .related-sec .swiper-sec .swiper-button-next,
    .related-sec .swiper-sec .swiper-pagination{
        display: none;
    }

    .related-sec .swiper-wrapper {
        flex-wrap: wrap;
    }

}

@media (min-width: 1301px){

    .site-header.sticky .top,
    .site-header.sticky .top > *{
        height: 0;
        opacity: 0;
        visibility: hidden;
    }

    /*.primary-slider-wrap .slider-vid{
        background-image: none !important;
    }*/
}

@media (min-width: 1501px){

    .container.lg{
        max-width: 1300px;
    }
}

/*************************************************************************/

@media(max-width: 1700px){

    .swiper-sec .swiper-button-prev {
        left: -80px !important;
    }

    .swiper-sec .swiper-button-next {
        right: -80px !important;
    }

}

@media (max-width: 1500px){

    .site-header .top{
        max-width: 960px;
    }

    .main-navigation li {
        padding: 0 20px;
    }

    .main-navigation .menu li a {
        font-size: 15px;
    }

    .milestone-slider-wrap .swiper-container,
    .milestone-slider-wrap .bg{
        height: 500px;
    }

    .milestone-slider-wrap .bg:before {
        border-top: 250px solid transparent;
        border-bottom: 250px solid transparent;
        border-left: 100px solid var(--primary-bg-color);
    }

    .elementor-apply-section .elementor-apply-list:before {
        top: 50px;
    }

    .elementor-apply-list .elementor-image-box-img:before {
        top: 50px;
    }
}

/*  Targeted for iPad Landscape i.e 1024px */
@media (min-width: 1024px) and (max-width: 1300px){

    .sidebar-col-dropdown+.elementor-widget-wrap{
        display: block !important;
    }

    .related-sec .swiper-sec{
        padding-bottom: 0 !important;
    }

    .related-sec .swiper-sec .swiper-button-prev,
    .related-sec .swiper-sec .swiper-button-next,
    .related-sec .swiper-sec .swiper-pagination{
        display: none;
    }

    .elementor-cta-sec .title-col{
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .elementor-cta-sec .btns-col{
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

/*  Targeted for iPad Landspace i.e 1024px starting from 1350px */
@media(max-width: 1300px){

    .back-to-top{
        bottom: 50px;
        right: 10px;
    }

    .fb_dialog iframe[data-testid="bubble_iframe"] {
        margin: 0 !important;
    }

    #page{
        padding-top: 124.19px;
    }

    h1,
    body.elementor-kit-49 h1{
        font-size: 30px;
    }

    h2,
    body.elementor-kit-49 h2{
        font-size: 26px;
    }

    h3,
    body.elementor-kit-49 h3{
        font-size: 22px;
    }

    .btn,
    .btn:visited,
    body.elementor-kit-49 button,
    body.elementor-kit-49 input[type="button"],
    body.elementor-kit-49 input[type="submit"],
    body.elementor-kit-49 .elementor-button{
        font-size: 16px;
        line-height: 20px;
        padding: 10px 35px;
    }

    .btn-link, .btn-link:visited{
        font-size: 14px;
        padding-bottom: 7px;
    }

    .btn-link:after{
        height: 3px;
    }

    .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    .site-header .container{
        padding-left: 20px;
        padding-right: 20px;
    }

    .elementor-section-wrap > section.elementor-section.elementor-section-boxed > .elementor-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body,
    body.elementor-kit-49,
    .elementor-accordion .elementor-tab-content,
    .tribe-events-page-template .elementor-accordion .elementor-tab-content {
        font-size: 14px;
        line-height: 22px;
    }

    .sidebar-col,
    .sidebar-col > div{
        width: 300px !important;
    }

    /***** HEADER *****/
    .site-header .top {
        display: block;
        max-width: 790px;
    }

    .site-header.sticky .top .header-announcements{
        height: 0;
        opacity: 0;
        visibility: hidden;
    }

    .header-announcements{
        border-bottom-right-radius: 0;
        right: -20px;
        position: relative;
        width: 100%;
    }

    .header-login {
        background: none;
        color: var(--body-color) !important;
        display: inline-block;
        font-size: 20px;
        padding: 0;
        position: absolute;
        right: 115px;
        top: 76px;

        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .header-login span{
        display: none;
    }

    .header-search-btn {
        font-size: 20px;
        position: absolute;
        right: 70px;
        top: 76px;

        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .site-header .logo-wrapper {
        float: none;
        padding: 0 0 10px;
        position: relative;
        width: 120px;
    }

    .site-header.sticky .logo-wrapper {
        width: 80px;
    }

    .site-header.sticky .header-login,
    .site-header.sticky .header-search-btn{
        height: auto;
        opacity: 1;
        top: 34px;
        visibility: visible;
    }

    /***** MEGA-MENU-WRAP ****/
    .main-navigation{
        margin-top: 0;
    }

    .site-header .mega-menu-wrap .mega-menu-toggle {
        height: 0 !important;
    }

    .site-header .mega-menu-wrap .mega-menu-toggle .mega-toggle-block {
        height: auto !important;
        margin-right: 0 !important;
        position: absolute;
        right: 20px;
        top: 66px;
    }

    .site-header.sticky .mega-menu-wrap .mega-menu-toggle .mega-toggle-block {
        top: 25px;
    }

    .site-header .mega-menu-wrap > .mega-menu{
        bottom: 0 !important;
        box-shadow: 0 10px 20px 10px rgba(51, 51, 51, 0.05) !important;
        left: 0 !important;
        overflow-y: scroll !important;
        position: fixed !important;
        top: 124.19px !important;
        width: 100% !important;
    }

    .site-header.sticky .mega-menu-wrap > .mega-menu{
        top: 87.8px !important;
    }

    .site-header .mega-menu-wrap > ul > li{
        padding: 20px 25px 0 !important;
    }

    .site-header .mega-menu-wrap > ul > li{
        border-top: 1px solid #eeeeee !important;
    }

    .site-header .mega-menu-wrap > ul > li.mega-toggle-on{
        background: var(--secondary-color) !important;
    }

    .site-header .mega-menu-wrap > ul > li.mega-toggle-on > a{
        background: transparent !important;
        color: #ffffff !important;
    }

    .site-header .mega-menu-wrap .mega-menu-row > .mega-sub-menu{
        display: block !important;
    }

    .site-header .mega-menu-wrap > ul > li.mega-menu-grid > ul.mega-sub-menu {
        border-top: 1px solid #eeeeee !important;
        box-shadow: none !important;
        float: none !important;
        left: 0 !important;
        margin: 0 -25px 0 !important;
        padding: 10px 20px 0 !important;
        position: relative !important;
        right: 0 !important;
        width: auto !important;
    }

    .site-header .mega-menu-wrap li.mega-menu-column.mega-col-3 > .mega-sub-menu > li:not(.widget_custom_html), .site-header .mega-menu-wrap .mega-menu-column > ul.mega-sub-menu > li > .mega-sub-menu li{
        width: 50% !important;
    }

    .site-header .mega-menu-wrap .cta-col {
        border-left: none !important;
        border-top: 1px solid #eeeeee !important;
        margin-top: 30px !important;
        padding: 20px 0 !important;
    }

    /***** PRIMARY-SLIDER-WRAP *****/
    .primary-slider-wrap .container{
        max-width: 97%;
        padding: 0 30px;
    }

    /*.primary-slider-wrap .slider-vid > *,
    .primary-slider-wrap .slider-vid .player {
        display: none !important;
    }*/

    .primary-slider-wrap .caption{
        padding: 15px;
    }

    .swiper-sec .swiper-button-prev,
    .swiper-sec .swiper-button-next,
    .primary-slider-wrap .swiper-button-next,
    .primary-slider-wrap .swiper-button-prev {
        font-size: 30px;
        height: 25px !important;
        margin-top: -12.5px;
        width: 25px !important;
    }

    .primary-slider-wrap .swiper-button-prev {
        left: 0;
    }

    .primary-slider-wrap .swiper-button-next {
        right: 0;
    }

    .swiper-sec .swiper-button-prev {
        left: -10px;
    }

    .swiper-sec .swiper-button-next {
        right: -10px;
    }

    .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 2px;
        width: 10px;
    }

    .article-sec .block .content {
        padding: 15px;
    }

    .article-sec .block:not(.featured) .btn-link{
        left: 15px;
    }

    .subscribe-col{
        max-width: 90%;
        margin: 0 auto;
    }

    .qc-elementor-social-section .ff-stream {
        padding: 30px 15px;
    }

    .swiper-sec .swiper-button-prev {
        left: -24px !important;
    }

    .swiper-sec .swiper-button-next{
        right: -24px !important;
    }

    .course-listing-section .filter-col,
    .course-listing-section .content-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .course-filter {
        max-width: 100%;
        margin: 0 auto 50px;
        padding: 30px 20px;
    }

    .course-filter:before {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        left: 0;
    }

    .course-filter .main-title{
        padding: 0;
    }

    .course-filter .options-col{
        margin-bottom: 10px;
    }

    .course-filter .option-set-checkbox{
        left: 25px;
        right: 25px;
    }

    .course-filter .options-btn {
        line-height: 20px;
        padding: 10px 30px 10px 20px;
    }

    .course-filter .quicksearch {
        padding: 10.5px 20px;
    }

    .course-filter .btn {
        font-size: 14px;
        line-height: 20px;
        padding: 9px 30px;
    }

    .course-filter label,
    .course-filter .tooltip-link{
        font-size: 13px;
        line-height: 20px;
    }

    .course-filter .tooltip-content{
        bottom: 50px;
        left: auto;
        right: -20px;
        top: auto;
    }

    .course-filter .tooltip-link:hover .tooltip-content{
        opacity: 0;
        top: auto;
        visibility: hidden;
    }

    .course-filter .tooltip-link.open .tooltip-content{
        bottom: 32px;
        opacity: 1;
        top: auto;
        visibility: visible;
    }

    .course-filter .tooltip-content:before{
        border-bottom: none;
        border-top: 10px solid var(--secondary-color);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        bottom: -10px;
        left: auto;
        right: 15px;
        top: auto;
    }

    /***** SECTION-MENU-WRAP *****/
    .section-menu-wrap{
        margin-bottom: 30px;
    }

    .section-menu-wrap > div{
        border-bottom: none;
    }

    .section-menu-wrap .container {
        padding: 0;
    }

    .section-menu-dropdown {
        display: block;
    }

    .section-menu-wrap ul {
        background: #ffffff;
        border-bottom: 2px solid #E6E6E6;
        display: none;
        left: 0;
        padding: 15px 30px;
        position: absolute;
        margin: 0;
        width: 100%;
    }

    .section-menu-wrap li {
        display: block;
        padding: 0;
    }

    .section-menu-wrap li+li{
        margin-top: 10px;
    }

    .section-menu-wrap li a{
        display: inline-block;
        font-size: 14px;
        margin-bottom: 0;
        padding: 0;
    }

    .section-menu-wrap li a.active:after{
        display: none;
    }

    .section-menu-wrap li a.active {
        border-bottom: 3px solid var(--secondary-color);
        padding-bottom: 3px;
    }

    .course-glance-wrap .swiper-button-prev,
    .course-glance-wrap .swiper-button-next{
        display: block;
    }

    .single .print-share-wrap{
        display: none !important;
    }

    .tab-section .elementor-tab-content .bwg_thumbnail.bwg_container.bwg_thumbnails_masonry{
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .page-title-sec{
        padding: 60px 0 !important;
    }

    /***** MILESTONES-BLOCK *****/
    .milestone-slider-wrap .bg:before{
        display: none;
    }

    .milestone-slider-wrap .wrap{
        margin-left: 50px;
    }

    .milestone-slider-wrap .swiper-slide:nth-child(odd){
        padding-bottom: 80px;
    }

    .milsestones-block:not(.odd) .top-title{
        margin-top: -6px;
    }

    .milsestones-block:not(.odd) .top-title h2 {
        margin-top: 3px;
    }

    .milsestones-block .content{
        width: 90%;
    }

    .milsestones-block h1 {
        font-size: 80px !important;
        line-height: 57px;
    }

    .milsestones-block h2 {
        font-size: 34px !important;
        line-height: 26px;
    }

    .milestone-slider-wrap .prev,
    .milestone-slider-wrap .next{
        font-size: 24px;
        margin-top: -14px;
    }

    .milestone-slider-wrap .prev{
        color: #ffffff;
        left: 10px;
    }

    .milestone-slider-wrap .next{
        right: 10px;
    }

    /***** AFFILIATIONS-GALLERY *****/
    .qc-affilation-gallery .elementor-image-gallery .gallery-item {
        min-height: 100px;
        padding-bottom: 20px !important;
    }

    .qc-affilation-gallery .elementor-image-gallery .gallery-item img {
        margin: 0 auto;
        max-height: 80px;
        width: auto;
        max-width: 180px;
    }

    /***** MISSION,VISION & VALUES *****/
    .elementor-icon-section .elementor-column{
        margin-bottom: 30px;
    }

    .sidebar-col .elementor-icon-list-item{
        font-size: inherit !important;
        margin-top: 0 !important;
    }

    .related-sec .block .content {
        padding: 20px 15px 0;
    }

    .related-sec .block .title {
        font-size: 18px;
        line-height: 22px;
    }

    .related-sec .block .btn-link{
        margin: auto 15px 30px 15px;
    }

    /***** CALL-TO-ACTION *****/
    .call-to-action-sec,
    .elementor-cta-sec{
        padding: 50px 0;
    }

    div[id*='ajaxsearchliteres'].wpdreams_asl_results .results{
        height: 45vh !important;
    }

}

/* Targeted for iPad Potrait i.e 768px starting from 1023px */
@media(max-width: 1023px){

    .inner-content {
        margin: 0 auto;
        width: 100% !important;
    }

    /***** HEADER *****/
    .site-header .top{
        max-width: 580px;
    }

    /***** TOP-FOOTER-SEC *****/
    .site-footer .top-footer-sec{
        padding: 60px 0 50px;
    }

    .site-footer .top-footer-sec h2{
        font-size: 32px;
        margin-bottom: 50px !important;
    }

    .top-footer-sec .block-row > div{
        width: 50%;
    }

    .top-footer-sec .block {
        font-size: 14px;
        padding: 20px;
    }

    .top-footer-sec .block .icon-figure {
        max-width: 90px;
        min-height: 103px;
        margin: 0 auto 20px;
    }

    .top-footer-sec .block .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    /***** FOOTER *****/
    .site-footer .mid-footer-sec{
        font-size: 13px;
        padding: 50px 0 20px;
    }

    .footer-widget-block,
    .footer-location-col{
        margin-bottom: 30px;
        width: 50%;
    }

    .footer-widget-block .widget-title, .footer-title-text{
        font-size: 16px;
    }

    .footer-logo{
        order: 1;
        margin: 30px 0;
    }

    .footer-social{
        order: 2;
        justify-content: center;
        flex-direction: column;
        align-self: center;
    }

    .footer-social-icon-wrap{
        margin: 0 -5px;
        padding: 30px 0;
    }

    .footer-location-wrap{
        order: 3;
    }

    /***** PRIMARY-SLIDER-WRAP *****/
    .primary-slider-wrap .slider-vid a{
        position: relative;
    }

    .primary-slider-wrap .caption .main-title{
        font-size: 40px;
        margin: 0 0 20px;
    }

    /***** COURSE-FILTER *****/
    .course-filter .options-col {
        float: left;
        width: 50%;
    }

    /***** PAGE-TITLE-SEC *****/
    .page-title-sec {
        padding: 40px 0 !important;
    }

    .intro-sec{
        padding: 50px 0 0;
    }

    .custom-flipbox .tp-flipbox .tp-flipbox__front,
    .custom-flipbox .tp-flipbox .tp-flipbox__back {
        padding: 50px 20px !important;
    }

    .article-sec .block.featured {
        display: block;
    }

    .article-sec .block.featured .figure,
    .article-sec .block.featured .content{
        width: 100%;
    }

    .course-filter .options-row{
        margin: 0 -5px;
    }

    .course-filter .options-col:first-child {
        float: none;
        width: 100%;
    }

    .course-filter .options-col {
        float: left;
        padding: 0 5px;
        width: 50%;
    }

    .list-view .course-block .figure,
    .course-studyarea-sec .course-block .figure {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .list-view .course-block .content,
    .course-studyarea-sec .course-block .content {
        flex: 0 0 70%;
        max-width: 70%;
        padding: 30px 20px;
    }

    .course-block .course-glance{
        display: block;
    }

    .course-block .course-glance li:not(.view),
    .course-block .course-glance li.duration,
    .course-block .course-glance li.study-mode{
        display: block;
        float: left;
        width: 33.33%;
    }

    .course-block .course-glance li.view{
        display: block;
        float: left;
        margin-bottom: 0;
        width: 100%;
    }

    /***** FUND-SWIPER *****/
    .fund-swiper-sec.greater-3 .swiper-pagination,
    .fund-swiper-sec.greater-3 .swiper-button-prev,
    .fund-swiper-sec.greater-3 .swiper-button-next,
    .fund-swiper-sec.three-slide .swiper-pagination,
    .fund-swiper-sec.three-slide .swiper-button-prev,
    .fund-swiper-sec.three-slide .swiper-button-next{
        display: block;
    }

    .fund-swiper-sec.one-slide .swiper-wrapper {
        transform: none !important;
    }

    .fund-swiper-sec.one-slide .swiper-wrapper .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }

    /***** SIDEBAR-COL-DROPDOWN *****/
    .sidebar-col{
        background: #ffffff;
        display: block;
        min-height: 50px;
        left: 0;
        margin-bottom: 30px;
        padding-top: 0 !important;
        width: 100% !important;
    }

    .sidebar-col > div{
        display: block;
        left: 0;
        padding: 0 !important;
        width: 100% !important;
    }

    .sidebar-col li a{
        padding-bottom: 0;
    }

    .sidebar-col li a.active {
        border-bottom: 3px solid var(--secondary-color);
        padding-bottom: 3px;
    }

    .sidebar-col li a.active:after{
        display: none;
    }

    .sidebar-col .elementor-accordion .elementor-accordion-item {
        margin-bottom: 10px;
    }

    .sidebar-col .fadeInLeft{
        animation-name: none;
    }

    .sidebar-col-dropdown{
        color: #ffffff !important;
        display: block;
        padding: 15px 30px;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .elementor:not(.elementor-bc-flex-widget) .sidebar-col-dropdown+.elementor-widget-wrap{
        background: #ffffff;
        border-bottom: 2px solid #E6E6E6 !important;
        display: none;
        left: 0;
        padding: 15px 30px !important;
        position: absolute;
        right: 0;
        width: auto;
    }

    .sidebar-col:not(.sticky) .sidebar-col-dropdown,
    .sidebar-col:not(.sticky) .sidebar-col-dropdown+.elementor-widget-wrap{
        margin: 0 -20px;
    }

    .sidebar-col .elementor-icon-list-item a{
        font-size: 14px !important;
    }

    .sidebar-col+.gap-col+.content-col {
        width: 100% !important;
    }

    .accordion-panel .title,
    .elementor-accordion .elementor-tab-title a,
    .tribe-events-page-template .elementor-accordion .elementor-tab-title a{
        font-size: 15px;
        line-height: 22px;
    }

    /***** CALL-TO-ACTION *****/
    .call-to-action-sec .title-col,
    .call-to-action-sec .btns-col,
    .elementor-cta-sec .title-col,
    .elementor-cta-sec .btns-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .call-to-action-sec .btn-col,
    .elementor-cta-sec .btn-col {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .elementor-cta-sec .btn-col .elementor-column-wrap{
        padding: 0 !important;
    }

    .call-to-action-sec .gap-col,
    .elementor-cta-sec .gap-col {
        display: none;
    }

    .call-to-action-sec .btn-col a,
    .elementor-cta-sec .btn-col a {
        padding: 10px;
    }

}

/*  Targeted for iPad Potrait i.e 768px */
@media (min-width: 768px) and (max-width: 1023px){

    .contact-content .card .card-header {
        height: 80px;
        font-size: 30px;
        line-height: 50px;
        width: 80px;
    }

    .contact-content .card .card-body {
        padding: 20px 0 35px;
    }

    .contact-content .card-body h4 {
        font-size: 20px;
    }

    /***** AFFILIATIONS-GALLERY *****/
    .qc-affilation-gallery .elementor-image-gallery .gallery-item img {
        width: 100%;
    }

}

@media(max-width: 782px){
    body.logged-in .site-header.sticky{
        top: 46px;
    }
}

@media (max-width: 767px){

    :root{
        --box-shadow: 0 0 5px 3px rgba(51, 51, 51, 0.2);
    }

    .row{
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .row > div{
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .small, small {
        font-size: 90%;
    }

    body,
    body.elementor-kit-49,
    .elementor-accordion .elementor-tab-content,
    .tribe-events-page-template .elementor-accordion .elementor-tab-content
    .course-block,
    .testimonial-block,
    .icon-block,
    .course-info-wrap,
    table:not([class]) th,
    table:not([class]) td,
    table.two-col th,
    table.two-col td,
    .btn-link,
    .btn-link:visited {
        font-size: 13px;
        line-height: 20px;
    }

    #page{
        padding-top: 136.8px;
    }

    h1,
    body.elementor-kit-49 h1{
        font-size: 26px;
    }

    h2,
    body.elementor-kit-49 h2{
        font-size: 24px;
    }

    h3,
    body.elementor-kit-49 h3{
        font-size: 20px;
    }

    h4,
    body.elementor-kit-49 h4,
    .page-title-sec h5,
    body.elementor-kit-49 .page-title-sec h5,
    .accordion-panel .title,
    .elementor-accordion .elementor-tab-title a,
    .tribe-events-page-template .elementor-accordion .elementor-tab-title a{
        font-size: 14px;
    }

    p{
        margin: 0 0 10px;
    }

    .elementor-widget-heading .elementor-heading-title{
        line-height: 1.3;
    }

    .btn,
    .btn:visited,
    body.elementor-kit-49 button,
    body.elementor-kit-49 input[type="button"],
    body.elementor-kit-49 input[type="submit"],
    body.elementor-kit-49 .elementor-button{
        font-size: 14px;
        line-height: 20px;
        padding: 10px 25px;
    }

    .icon-block a:not([class]),
    .accordion-panel .content a:not([class]),
    .course-intro-wrap a:not([class]),
    .course-info-wrap a:not([class]),
    .elementor-widget-text-editor:not(.section-menu-wrap) p a:not([class]),
    table:not([class]) td a:not([class]),
    table.two-col td a:not([class]),
    .elementor-apply-list .elementor-image-box-content a:not([class]){
        padding-bottom: 5px;
    }

    .icon-block a:not([class]):after,
    .accordion-panel .content a:not([class]):after,
    .course-intro-wrap a:not([class]):after,
    .course-info-wrap a:not([class]):after,
    .elementor-widget-text-editor:not(.section-menu-wrap) p a:not([class]):after,
    table:not([class]) td a:not([class]):after,
    table.two-col td a:not([class]):after,
    .elementor-apply-list .elementor-image-box-content a:not([class]):after{
        height: 3px;
    }

    .career-outcomes-wrap .career-list li,
    .accordion-panel .content ul:not([class]) li,
    .elementor-widget-text-editor ul:not([class]) li{
        padding-left: 15px;
    }

    .career-outcomes-wrap .career-list li:before,
    .accordion-panel .content ul:not([class]) li:before,
    .elementor-widget-text-editor ul:not([class]) li:before{
        font-size: 13px;
    }

    .col-count-2,
    .col-count-3{
        column-count: 1;
    }

    .elementor-col-1,
    .elementor-col-2,
    .elementor-col-3,
    .elementor-col-4,
    .elementor-col-5,
    .elementor-col-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btn-primary{
        font-size: 16px;
        min-width: 200px;
        padding: 12px 25px;
    }

    .btn-white{
        font-size: 16px;
        padding: 12px 20px;
    }

    table.two-col th,
    table.two-col td{
        padding: 12px 10px;
    }

    table:not([class]) th,
    table:not([class]) .title{
        display: none;
    }

    table:not([class]) td {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 12px 10px !important;
        width: 100% !important;
    }

    table:not([class]) td:first-child {
        border-top: none;
    }

    table:not([class]) td span.table-responsive-stack-thead {
        display: block !important;
        float: left;
        font-weight: 400;
        width: 40%;
    }

    table:not([class]) td span.table-responsive-stack-thead+.value{
        float: left;
        font-weight: 600;
        padding-left: 10px;
        width: 60%;
    }

    table:not([class]) .no-value{
        display: none !important;
    }

    .course-overview-wrap table{
        table-layout: fixed;
    }

    .course-overview-wrap table th{
        display: table-cell;
        padding: 12px 10px;
    }

    .course-overview-wrap table th:first-child {
        width: 100px !important;
    }

    .course-overview-wrap table td {
        border: none;
        display: table-cell;
    }

    .course-overview-wrap table td span.table-responsive-stack-thead+.value{
        font-weight: 400;
        padding-left: 0;
        width: 100%;
    }

    .course-overview-wrap table td span.table-responsive-stack-thead{
        display: none !important;
    }

    .course-sessions-wrap table td:last-child span.table-responsive-stack-thead{
        display: none !important;
    }

    .course-sessions-wrap table td:last-child span.table-responsive-stack-thead+.value{
        float: none;
        padding-left: 0;
        width: 100%;
    }

    .lg-vid-popup a:before,
    .lg-html5-vid-popup li:before{
        font-size: 50px;
    }

    .lg-outer.lg-visible .lg-video-cont{
        max-width: 100% !important;
    }

    .contact-acc-col .elementor-accordion .elementor-tab-content a:not([class]){
        color: var(--secondary-color)
    }

    .contact-acc-col .elementor-accordion .elementor-tab-content a:not([class]):hover{
        color: var(--body-color)
    }

    /***** HEADER *****/
    .site-header .top{
        display: block;
        max-width: 100%;
    }

    .header-announcements{
        background: var(--primary-color);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #ffffff;
        display: block;
        margin: 0 -20px;
        overflow: hidden;
        right: 0;
        width: auto;
    }

    .simple-marquee-container .marquee-content-items,
    .header-announcements a{
        color: #ffffff;
    }

    .header-announcements label{
        display: none;
    }

    .site-header .logo-wrapper {
        margin: 0;
        padding: 10px 0;
        width: 80px;
    }

    .site-header.sticky .logo-wrapper{
        margin-top: 0;
    }

    .site-header .mega-menu-wrap li.mega-menu-column.mega-col-3 > .mega-sub-menu > li:not(.widget_custom_html), .site-header .mega-menu-wrap .mega-menu-column > ul.mega-sub-menu > li > .mega-sub-menu li{
        width: 100% !important;
    }

    .site-header .mega-menu-wrap > .mega-menu{
        top: 137.8px !important;
    }

    .site-header.sticky .mega-menu-wrap > .mega-menu{
        top: 92.8px !important;
    }

    /***** PRIMARY-SLIDER-WARP *****/
    .primary-slider-wrap .caption{
        display: block;
        text-align: center;
    }

    .primary-slider-wrap .caption .main-title {
        font-size: 26px;
        margin: 0 0 20px;
    }

    .primary-slider-wrap .lg-vid-popup,
    .lg-vid-popup {
        display: none;
        margin-top: 19px;
        position: relative;
        right: auto;
        top: auto;
    }

    .primary-slider-wrap .lg-vid-popup a:before{
        font-size: 30px;
    }

    /***** STUDY-AREA-SEC *****/

    .home-course-search-sec h3{
        margin-bottom: 20px;
    }

    .home-course-search-wrap .search-input{
        padding: 12px 100px 12px 30px !important;
    }

    .home-course-search-wrap .search-btn{
        font-size: 14px !important;
        padding: 12px 20px !important;
    }

    .home-course-search-wrap #autocompleteresults{
        max-height: 300px;
        overflow-y: scroll;
        padding: 10px;
        right: 88px;
    }

    .home-course-search-wrap #autocompleteresults li+li,
    .course-filter .quicksearch-wrap #autocompletetitle li{
        margin-top: 8px;
    }

    .home .study-area-sec .swiper-slide{
        margin-bottom: 0;
    }

    .home .study-area-sec .course-count,
    .home .study-area-sec .btn-link{
        display: none;
    }

    body:not(.home) .study-area-sec .block{
        padding-bottom: 45px;
    }

    body:not(.home) .study-area-sec .block .btn-link{
        bottom: 15px;
        font-size: 14px;
        float: none;
        left: 50%;
        position: absolute;

        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .study-area-sec .swiper-container,
    .related-sec .swiper-container{
        margin: 0 -7.5px;
    }

    .study-area-sec .swiper-slide,
    .related-sec .swiper-slide{
        margin-bottom: 30px;
        padding: 0 7.5px;
        text-align: center;
    }

    .study-area-sec .block .content{
        padding: 10px 15px;
    }

    .related-sec .swiper-slide{
        margin-bottom: 0;
        text-align: left;
    }

    .related-sec .block .content{
        padding: 15px;
    }

    .related-sec .block .content .desc{
        display: none;
    }

    .related-sec .block .title{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .related-sec .block .post-date {
        font-size: 12px;
    }

    .related-sec .block .btn-link{
        margin: auto 15px 20px 15px;
    }

    .study-area-sec .block .title {
        margin-bottom: 8px;
    }

    /***** ARTICLE-SEC *****/
    .article-sec .swiper-slide{
        margin-bottom: 0;
    }

    .article-sec .block.featured .title{
        font-size: 18px;
    }

    .article-sec .block,
    .article-sec .block:not(.featured) {
        padding-bottom: 50px;
    }

    .article-sec .block .btn-link,
    .article-sec .block:not(.featured) .btn-link {
        bottom: 20px;
        position: absolute;
        left: 15px;
    }

    .article-sec .block .content .desc{
        display: none;
    }

    /***** TESTIMONIAL-BLOCK *****/
    .testimonial-block {
        text-align: center;
    }

    .testimonial-block .top {
        display: block;
        margin-bottom: 20px;
    }

    .testimonial-block .title-wrap {
        align-items: center;
        padding-left: 0;
        padding-top: 15px;
    }

    /***** WHY-QUEENSFORD-SEC *****/
    .why-queensford-sec,
    .course-glance-wrap .swiper-sec,
    .fund-swiper-sec {
        padding: 0 !important;
    }

    .why-queensford-sec .swiper-wrapper,
    .course-glance-wrap .swiper-wrapper,
    .fund-swiper-sec .swiper-wrapper{
        flex-wrap: wrap;
        margin: 0 -7.5px;
        padding: 0;
        width: auto;
    }

    .why-queensford-sec .swiper-slide,
    .course-glance-wrap .swiper-slide,
    .fund-swiper-sec .swiper-slide{
        height: auto;
        margin-bottom: 30px;
        padding: 0 7.5px;
    }

    .why-queensford-sec .block{
        background: none;
        box-shadow: none;
        padding: 0;
        text-align: center;
    }

    .why-queensford-sec .block .title{
        font-size: 14px;
        line-height: 22px;
    }

    .why-queensford-sec .block .icon-figure{
        margin-bottom: 10px !important;
    }

    .why-queensford-sec .block .icon-figure img{
        margin: 0 auto;
        max-height: 70px;
    }

    .home .why-queensford-sec .swiper-slide,
    .course-glance-wrap .swiper-slide{
        width: 50%;
    }

    .home .why-queensford-sec .block .btn-link{
        display: none;
    }

    .why-queensford-sec .swiper-pagination,
    .why-queensford-sec .swiper-button-prev,
    .why-queensford-sec .swiper-button-next,
    .course-glance-wrap .swiper-pagination,
    .course-glance-wrap .swiper-button-prev,
    .course-glance-wrap .swiper-button-next,
    .fund-swiper-sec .swiper-pagination,
    .fund-swiper-sec .swiper-button-prev,
    .fund-swiper-sec .swiper-button-next{
        display: none !important;
    }

    /***** COURSE DETAIL *****/

    .career-outcomes-wrap .career-list li{
        float: none;
        width: 100%;
    }

    .course-glance-list .swiper-slide .icon-block,
    .fund-swiper-sec .swiper-slide .block {
        background: none !important;
        box-shadow: none;
        display: flex;
        text-align: left;
        padding: 0;
    }

    .course-glance-list .block .icon-figure img {
        max-width: 40px;
    }

    .course-glance-list .block .content{
        padding-left: 10px;
    }

    .course-glance-list .block h4{
        margin-bottom: 5px;
    }

    .course-glance-list .tooltip-content,
    .course-glance-list .tooltip-link:hover .tooltip-content {
        left: 50%;
        margin-left: -100px;
        margin-top: 15px;
        top: 100%;
        width: 250px;
    }

    .course-glance-list .tooltip-content:before {
        border-top: none;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: 10px solid var(--secondary-color);
        left: 50%;
        margin-left: -8px;
        top: -12px;
    }

    .course-info-wrap .content-wrap {
        padding: 20px 0 0;
    }

    /***** FUND-SWIPER *****/
    .accordion-panel .fund-swiper-sec{
        padding-top: 20px !important;
    }

    .fund-swiper-sec .swiper-slide{
        margin-bottom: 0;
    }

    .fund-swiper-sec .swiper-slide+.swiper-slide{
        margin-top: 50px;
    }

    .fund-swiper-sec .swiper-slide .block {
        padding-left: 70px;
    }

    .fund-swiper-sec .swiper-slide .block .icon-figure {
        left: 0;
        position: absolute;
        top: 0;
    }

    .fund-swiper-sec .swiper-slide .block .icon-figure img {
        width: 50px;
    }

    .fund-swiper-sec .block .btn-link {
        align-self: flex-start;
    }

    /***** FOOTER *****/
    .top-footer-sec .container{
        padding-left: 15px;
        padding-right: 15px;
    }

    .top-footer-sec .block{
        box-shadow: none;
        font-size: 13px;
        padding: 0;
    }

    .top-footer-sec .block .icon-figure{
        max-width: 80px;
        min-height: 92px;
    }

    .top-footer-sec .block .title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .top-footer-sec .block:hover {
        background: none;
        color: inherit;
    }

    .top-footer-sec .block:hover .front-img{
        opacity: 1;
    }

    .top-footer-sec .block:hover .back-img{
        opacity: 0;
    }

    .footer-social-icon-wrap {
        margin: 0 -3px;
    }

    .footer-social-icon-wrap li{
        padding: 3px;
    }

    .footer-social-icon-wrap li a{
        width: 32px;
    }

    .footer-logo{
        margin: 0;
    }

    .footer-logo a {
        display: block;
        max-width: 120px;
    }

    .footer-location-wrap{
        margin-top: 50px;
    }

    .footer-widget-block .widget-title,
    .footer-title-text,
    .footer-location-wrap h5 {
        font-size: 15px !important;
        margin-bottom: 10px;
    }

    /***** CUSTOM-FLIPBOX *****/

    .custom-flipbox-sec .elementor-row{
        justify-content: center;
    }

    .custom-flipbox .tp-flipbox{
        min-height: 0;
    }

    .custom-flipbox .tp-flipbox__holder {
        height: 200px !important;
        min-height: 0 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .custom-flipbox .tp-flipbox .tp-flipbox__front,
    .custom-flipbox .tp-flipbox .tp-flipbox__back {
        padding: 30px 10px !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .custom-flipbox .tp-flipbox .tp-flipbox__back{
        display: none;
    }

    .custom-flipbox .tp-flipbox .tp-flipbox__icon-front,
    .custom-flipbox .tp-flipbox .tp-flipbox__icon-back{
        min-height: 100px;
        padding: 0;
    }

    .custom-flipbox .tp-flipbox__icon-front img,
    .custom-flipbox .tp-flipbox__icon-back img {
        max-width: 80px;
    }

    .custom-flipbox .tp-flipbox__title-front,
    .custom-flipbox .tp-flipbox__title-back {
        font-size: 16px !important;
    }

    .course-filter .main-title,
    .course-filter .filter-dropdown{
        display: block;
    }

    .course-filter .layout-mode-button-group{
        display: none;
    }

    .course-filter .options-col {
        float: none;
        width: 100%;
    }

    .course-filter .quicksearch-wrap .auto-inputfield{
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }

    .course-filter .quicksearch-wrap #autocompletetitle{
        max-height: 300px;
        overflow-y: scroll;
        padding: 10px;
    }

    .course-filter .btn{
        float: none;
        width: 100%;
    }

    .contact-content .card {
        height: auto;
        margin: 0 auto 70px;
        max-width: 250px;
    }

    .contact-content > .row > div:last-child .card{
        margin-bottom: 0;
    }

    /***** COURSE-BLOCK *****/
    .course-block{
        margin-bottom: 0;
    }

    .course-block .figure .bg-img{
        background: none !important;
    }

    .course-block .figure .bg-img img{
        display: block;
    }

    .course-block .content .title{
        margin-bottom: 10px;
    }

    .course-block .code{
        font-size: 11px;
        line-height: 18px;
    }

    .course-block .code span {
        margin-left: 5px;
    }

    .course-block .course-glance{
        margin: 10px 0 0;
    }

    .course-block .course-glance li,
    .course-block .course-glance li.duration,
    .course-block .course-glance li.study-location,
    .course-block .course-glance li.study-mode{
        display: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .course-studyarea-sec .row,
    .list-view,
    .grid-view{
        margin: 0 -7.5px;
    }

    .course-studyarea-sec .row > div,
    .list-view > div,
    .grid-view > div{
        margin-bottom: 25px;
        padding: 0 7.5px;
    }

    .list-view .course-block,
    .grid-view .course-block,
    .course-studyarea-sec .course-block{
        display: block;
        padding-bottom: 0;
        margin: 0;
        min-height: 0 !important;
    }

    .list-view .course-block .figure,
    .grid-view .course-block .figure,
    .course-studyarea-sec .course-block .figure{
        display: none;
        flex: 0 0 100%;
        height: auto;
        max-width: 100%;
    }

    .list-view .course-block .content,
    .grid-view .course-block .content,
    .course-studyarea-sec .course-block .content{
        flex: 0 0 100%;
        height: auto;
        max-width: 100%;
        padding: 20px 10px;
        position: relative;
    }

    .list-view .course-block .view,
    .grid-view .course-block .view,
    .course-studyarea-sec .course-block .view{
        bottom: 0;
        left: 0;
        padding: 0;
        position: relative;
    }

    .term-short-course .course-studyarea-sec .row > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .term-short-course .course-studyarea-sec .course-block{
        height: 100%;
        padding-bottom: 50px;
    }

    .term-short-course .course-studyarea-sec .course-block .figure {
        display: block;
    }

    .term-short-course .course-studyarea-sec .course-block .content {
        padding: 20px 10px 0;
        position: static;
    }

    .term-short-course .course-studyarea-sec .course-glance {
        bottom: 15px;
        left: 10px;
        margin: 0;
        position: absolute;
        right: 10px;
    }

    .course-block .desc,
    .related.course-swiper-sec .course-block .figure,
    .related.course-swiper-sec .course-block .course-glance{
        display: none;
    }

    .related.course-swiper-sec .swiper-container {
        margin: 0 -7.5px;
        padding: 0 7.5px;
    }

    .related.course-swiper-sec .course-block .content {
        padding: 20px 10px 10px;
    }

    .related.course-swiper-sec .course-block .code span{
        display: block;
        margin: 0;
    }

    .related.course-swiper-sec .course-block .btn-link {
        margin: auto 0 20px 10px;
    }

    /***** DOMESTIC *****/
    .domestic-block .elementor-widget-wrap .elementor-widget-image {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }

    .address-column .elementor-widget-heading h2 {
        font-size: 24px !important;
    }

    /***** MILESTONES-BLOCK *****/
    .milestone-slider-wrap .wrap {
        margin-left: 0;
    }

    .milestone-slider-wrap .swiper-container, .milestone-slider-wrap .bg {
        height: 380px;
    }

    .milestone-slider-wrap .swiper-slide:nth-child(odd),
    .milestone-slider-wrap .swiper-slide:nth-child(even){
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 30px;
        text-align: center;
    }

    .milsestones-block > *{
        max-width: 300px;
        margin: 0 auto;
    }

    .milsestones-block .top-title,
    .milsestones-block:not(.odd) .top-title {
        bottom: 0;
        display: block;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
    }

    .milsestones-block h1 {
        font-size: 60px !important;
        line-height: 1;
    }

    .milsestones-block h2 {
        font-size: 30px !important;
        line-height: 1;
        padding-left: 0;
    }

    .milsestones-block .content{
        font-size: 13px;
        line-height: 18px;
        width: 100%;
    }

    .milsestones-block .content h4{
        font-size: 15px;
    }

    /***** MISSION,VISION & VALUES *****/
    .elementor-icon-section .elementor-column-wrap {
        box-shadow: none !important;
        background: none !important;
        border-radius: 0 !important;
        height: 100%;
        padding: 0 !important;
        text-align: center;
    }

    .elementor-icon-section .elementor-image-box-wrapper{
        text-align: center !important;
    }

    .elementor-icon-section .elementor-image-box-wrapper .elementor-image-box-img{
        width: 100% !important;
    }

    .elementor-icon-section .elementor-image-box-wrapper .elementor-image-box-img img{
        max-height: 70px;
        margin: 0 auto;
        max-width: 100%;
        width: auto;
    }

    .elementor-image-box-wrapper .elementor-image-box-content ul{
        display: inline-block;
        text-align: left;
        max-width: 310px;
    }

    /***** AFFILIATIONS-GALLERY *****/
    .qc-affilation-gallery .elementor-image-gallery .gallery{
        margin: 0 -10px !important;
    }

    .qc-affilation-gallery .elementor-image-gallery .gallery-item{
        float: left !important;
        padding: 0 10px 10px !important;
        width: 50% !important;
    }

    .qc-affilation-gallery .elementor-image-gallery .gallery-item img {
        max-height: 80px;
        max-width: 90%;
        width: auto;
    }

    .article-section .hover-effect1:hover img,
    .event-section .hover-effect1:hover img{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    /***** CALL-TO-ACTION *****/
    .call-to-action-sec .title-col,
    .call-to-action-sec .btns-col,
    .elementor-cta-sec .title-col,
    .elementor-cta-sec .btns-col {
        flex: 100%;
        max-width: 100%;
    }

    .call-to-action-sec h2,
    .elementor-cta-sec h2{
        margin-bottom: 20px;
    }

    .call-to-action-sec .elementor-widget-heading{
        margin-bottom: 0 !important;
    }

    .back-to-top {
        bottom: 90px;
    }

    .counter-section section .elementor-row .elementor-column {
        width: 50% !important;
    }

}

@media (max-width: 600px){
    #wpadminbar{
        position: fixed;
    }
}

@media (max-width: 480px){

    .inner-page-header-section .featured-image,
    .elementor-inner-header-section .img-column .qc-elementor-round-img-box {
        margin: -20% auto 50px;
    }

    .sub-page-header-section .multiple-feature-images .featured-image,
    .elementor-sub-page-header-section .img-column .qc-elementor-round-img-box {
        margin: -20% auto 50px;
    }

    .round-image-block-sec .image-block:before {
        margin-top: -46%;
    }

    .career-outcomes-wrap .career-outcomes-image {
        width: 350px;
        height: 350px;
    }
}