*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{scroll-behavior:smooth;padding:0;margin:0;height:100%}
body{color: #1f1f1f;font-family:'Montserrat', sans-serif;margin:0;line-height:normal; overflow-x: hidden; font-size: 16px; background-color: #fff;}
img{max-width:100%}
a,button,a:hover{-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;text-decoration:none;cursor:pointer}
a,button,.btn{font-family: 'Montserrat', sans-serif; text-decoration: none !important;}
button:focus,input:focus,select:focus,textarea:focus,.btn:focus,.btn:active:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
a:active{outline:0}
:focus{outline:0}
button{box-shadow:none;cursor:pointer;background-image: none !important;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
textarea{-webkit-appearance:none;overflow:auto}
h1, h2, h3, h4, h5, h6, p {margin: 0;font-family:'Montserrat', sans-serif;}
p:last-child{margin:0}
.section-title{font-family:'Montserrat',sans-serif;font-size:36px;line-height:44px;color:#1f1f1f;text-align:center;margin-bottom:60px}
.container-wrapper{max-width:1200px;margin:0 auto;padding:0 15px}
.container-wrapper::after{content:'';display:table;clear:both}
.row-grid{margin-left:-15px;margin-right:-15px}
.row-grid::before,.row-grid::after,.fluid-wrapper::before,.fluid-wrapper::after,.container-wrapper::before,.container-wrapper::after{display:table;content:" ";clear:both}
.no-gap>[class*="col-"]{padding-right:0;padding-left:0}
.no-gap{margin-right:0!important;margin-left:0!important}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;position:relative;padding-left:15px;padding-right:15px;min-height:1px}
.col-1{width:8.33%}
.col-2{width:16.66666667%}
.col-3{width:25%}
.col-4{width:33.33333333%}
.col-5{width:41.66666667%}
.col-6{width:50%}
.col-7{width:58.33333333%}
.col-8{width:66.66666667%}
.col-9{width:75%}
.col-10{width:83.33333333%}
.col-11{width:91.66666667%}
.col-12{width:100%}
.clearfix::after{display:block;clear:both;content:""}

.bg_img{background-size:cover;background-repeat:no-repeat;background-position:center center}
ul, ol {list-style: none; padding: 0; margin: 0;}

/*------*/
.home-banner-section {position: relative;background-image: url("/static/ust-theme/images/banner-imag.e1697572501e.png");background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 1;}
.home-banner-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0.85);z-index: -1;}
.home-banner-section::after {content: '';position: absolute;top: 0;right: 0;display: block;width: 35%;height: 100%;background-color: #002339;z-index: -1;}
.home-banner-content {padding: 100px 0;}
.home-banner-text h6 {color: #1f1f1f;font-size: 18px; font-weight: 500;line-height: 1.5;margin: 0; text-transform: uppercase;}
.home-banner-text h1 {color: #002339;font-size: 54px; font-weight: 800;line-height: 1.5;margin: 0 0 45px 0;}
.home-banner-text .blue-btn, .home-banner-text .blue-btn:not(.btn), .home-banner-text .blue-btn:visited {font-size: 18px; padding: 15px 45px; min-width: 250px;}
.home-img-slider {
    margin-bottom: 100px;
}
.home-img-slider {position: relative; z-index: 1;}
.home-img-slider img {border-radius: 10px;object-fit: cover;}
.home-img-slider::after {content: '';display: inline-block;position: absolute;bottom: -30px;right: -30px;background-image: url("/static/ust-theme/images/dot-shape.6e158014b115.png");background-repeat: no-repeat;background-position: center;background-size: 144px;width: 144px;height: 130px;z-index: -1;}

.about-university-section {position: relative;padding: 120px 0 80px 0;background-color: #fff;}
.about-university-section .about-image {position: relative; z-index: 1;}
.about-university-section .about-image img {border-radius: 5px;object-fit: cover;}
.about-university-section .about-image::before {content: '';display: inline-block;width: 100%;height: 100%;position: absolute;top: -40px;left: -40px;border: 15px solid #039788;border-radius: 5px;z-index: -1;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;}
.about-university-section .about-image:hover::before {border-color: #0170B9; top: 40px;}
.about-desc .section-info .title {text-align: left; margin-bottom: 30px;}
.about-desc .section-info .title::after {display: none;}
.about-desc .more-details {color: #039788; font-size: 16px; font-weight: 700; display: inline-block; margin: 20px 0 0 0;}
.about-desc .more-details:hover {color: #0170B9; letter-spacing: 0.5px;}

.bg-light-blue {background-color: #f3faff;}
.college-listing-section.bg-light-blue .section-info {max-width: 900px;}
.college-listing-slide {margin: 0 -15px;}
.college-listing-slide .college-item {padding: 10px 15px;}
.college-listing-slide .college-info-box {margin: 0;}
.college-listing-slide .slick-arrow {display: inline-block;position: absolute;top: -55px;right: 0;background-color: #039788;border: 1px solid #039788;width: 35px;height: 35px;line-height: 35px;font-size: 16px;color: #fff;text-align: center;padding: 0;margin: 0;border-radius: 5px;z-index: 1;}
.college-listing-slide .slick-arrow {right: 15px;}
.college-listing-slide .slick-arrow.slick-prev {margin-right: 45px;}
.college-listing-slide .slick-arrow:hover {background-color: #0170B9;color: #fff;}


.colleges-stats-section {position: relative;background-color: #039788; padding: 80px 0;z-index: 1;overflow: hidden;}
.colleges-stats-section::before {content: '';display: inline-block;position: absolute;top: -25px;left: -25px;background-image: url("/static/ust-theme/images/dot-shape.6e158014b115.png");background-repeat: no-repeat;background-position: center;background-size: 144px;width: 144px;height: 130px;z-index: -1;}
.colleges-stats-section::after {content: '';display: inline-block;position: absolute;bottom: -25px;right: -25px;background-image: url("/static/ust-theme/images/dot-shape.6e158014b115.png");background-repeat: no-repeat;background-position: center;background-size: 144px;width: 144px;height: 130px;z-index: -1;}
.stats-box {background: #002339;color: #fff;border-radius: 15px;padding: 25px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;box-shadow: 0px 3px 10px 0px rgb(47 47 47 / 12%);}
.stats-box .icon {display: inline-block;background-color: #f3faff;width: 65px;height: 65px;line-height: 65px;text-align: center;border-radius: 15px;color: #039788;font-size: 32px;margin-right: 20px;}
.stats-box .icon i {line-height: inherit;}
.stats-box .content {width: calc(100% - 85px);}
.stats-box .content h4 {font-size: 32px;font-weight: 500;margin-bottom: 10px;}
.stats-box .content p {font-size: 16px;font-weight: 600;}

.testimonial-section {position: relative;padding: 80px 0;}
.testimonial-section .section-info {margin-bottom: 60px;}
.testimonial-slider {margin: 0 -15px;}
.testimonial-slider .review-item {padding: 35px 15px 10px 15px;}
.testimonial-box {background-color: #fff;padding: 25px; text-align: center;border-radius: 15px; border: 1px solid #e5e5e5;}
.testimonial-box .review-img {margin-top: -60px; display: flex; align-items: center; align-content: center; justify-content: center;}
.testimonial-box .review-img img {display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 100%;}
.testimonial-box .review-content .review-msg {position: relative; z-index: 1;}
.testimonial-box .review-content .review-msg::before {content: "\f10d"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -0.5vw; left: 0; font-size: 1.302vw; line-height: 0; opacity: 0.2; color: #0170B9; z-index: -1;}
.testimonial-box .review-content .review-msg::after {content: "\f10e"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; bottom: -0.5vw; right: -1vw; font-size: 1.302vw; line-height: 0; opacity: 0.2; color: #0170B9; z-index: -1;}
.testimonial-box .review-content .review-msg p {position: relative; font-size: 15px; line-height: 1.5; margin: 20px 0; z-index: 1;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
/* .testimonial-box .review-content .user-name {margin: 30px 0 0 0;} */
.testimonial-box .review-content .user-name h5 {font-size: 16px; font-weight: 800; margin: 0 0 5px 0; display: block; color: #0170B9;}
.testimonial-box .review-content .user-name p {font-size: 14px; font-weight: 400; color: #353535; font-family: Calibri,sans-serif;}

.testimonial-slider .slick-dots {padding: 0 15px; margin: 15px auto 0 auto; text-align: center;}
.testimonial-slider .slick-dots li {display: inline-block; margin: 0 4px;}
.testimonial-slider .slick-dots li > button {font-size: 0;display: inline-block;width: 10px;height: 10px;line-height: 10px;border: 1px solid #039788;padding: 0;margin: 0;border-radius: 100%;background-color: transparent;-webkit-transition: 0.2s all linear;-moz-transition: 0.2s all linear;-ms-transition: 0.2s all linear;transition: 0.2s all linear;}
.testimonial-slider .slick-dots li.slick-active > button {background-color: #039788; width: 20px; border-radius: 45px;}

.inner-banner-section {position: relative;background-image: url("/static/ust-theme/images/eguide-banner.636d6f6680c2.png");background-repeat: no-repeat;background-position: top center;background-size: cover;height: 100%;z-index: 1;}
.inner-banner-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: #002339;opacity: 0.75;z-index: -1;}
.inner-banner-section .inner-banner-content {display: flex;flex-flow: column nowrap;justify-content: center;padding: 100px 0;min-height: 350px;}
.inner-banner-section h1 {color: #fff;font-size: 42px;font-weight: 700;line-height: 1.5;margin-bottom: 15px; text-align: left;}
.inner-banner-section p {color: #fff;}

.college-listing-section {padding: 80px 0;}
.section-info {margin-bottom: 40px;}
.section-info .title {position: relative;color: #002339;font-size: 36px;font-weight: bold;line-height: 1.5;margin-bottom: 30px;}
.section-info .title::after {content: '';display: block;position: absolute;top: 100%;left: 0;background-color: #039788;width: 100%;height: 3px;max-width: 20%;}
.section-info p {color: #1f1f1f;font-size: 16px;font-weight: 400;line-height: 1.5;}
.college-info-box {background-color: #fff;position: relative;border-radius: 10px;overflow: hidden;box-shadow: 0px 3px 10px 0px rgba(47, 47, 47, 0.12);margin-bottom: 30px;}
.college-info-box .image > img {width: 100%;height: 250px;object-fit: cover;}
.college-info-box .content {padding: 20px;}
.college-info-box .content h4 {color: #1f1f1f;font-size: 20px;font-weight: 700;line-height: 1.5;margin: 0 0 15px 0;}
.college-info-box:hover .content h4 {color: #0170B9;}
.college-info-box .content p {color: #353535;font-size: 16px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  overflow: hidden;margin-bottom: 15px;}
.college-info-box .content a.read-more {display: block;color: #039788;font-size: 16px;font-weight: 600; padding-top: 15px; border-top: 1px solid #e5e5e5;}
.college-info-box .content a.read-more span {display: inline-block; vertical-align: middle; margin-left: 5px;}
.college-info-box .content a.read-more:hover {letter-spacing: 0.7px;}
.blue-cards-sec {
    margin: 0 auto;
    max-width: 1440px;
}

.button-row {text-align: center;}
.blue-btn, .blue-btn:not(.btn), .blue-btn:visited {background-color: #0170B9;color: #fff;font-size: 16px;font-weight: 600;line-height: 1.5;text-align: center;display: inline-block;min-width: 200px;padding: 10px 20px;border-radius: 4px;border: 0;}
.blue-btn:hover {background-color: #039788;}
.green-btn, .green-btn:not(.btn), .green-btn:visited {background-color: #039788;color: #fff;font-size: 16px;font-weight: 600;line-height: 1.5;text-align: center;display: inline-block;min-width: 200px;padding: 10px 20px;border-radius: 4px;border: 0;}
.green-btn:hover {background-color: #0170B9;}

.pagination-listing {text-align: center;margin: 15px auto 0 auto;}
.pagination-listing ul {display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;border-radius: 5px;overflow: hidden;}
.pagination-listing ul li:first-child > a {background-color: #0170B9;color: #fff;border-radius: 5px 0 0 5px;}
.pagination-listing ul li:last-child > a {background-color: #0170B9;color: #fff;border-radius: 0 5px 5px 0;border: 0;}
.pagination-listing ul li {margin: 0 3px;}
.pagination-listing ul li > a {color: #0170B9;font-size: 14px;background-color: #fff;text-align: center;display: inline-block;padding: 0;font-weight: 600;width: 35px;line-height: 35px;height: 35px;}
.pagination-listing ul li > a:hover {background-color: #0170B9;color: #fff;}

.explore-courses-section {padding: 80px 0; padding-top: 20px;}
.courses-listing-links {padding: 30px 30px;background-color: #002339;color: #fff;border-radius: 5px;}
.courses-listing-links .list-of-courses > li {margin-bottom: 10px;}
.courses-listing-links .list-of-courses > li > a {position: relative;display: block;padding: 10px 10px 10px 25px;background-color: #0170B9;font-size: 18px;line-height: 1.3;font-weight: 600;border-radius: 5px;}
.courses-listing-links .list-of-courses > li a,.courses-listing-links .list-of-courses > li a:not(.btn), .courses-listing-links .list-of-courses > li a:visited, .courses-listing-links .list-of-courses > li a:not(.btn):visited {color: #fff;}
.courses-listing-links .list-of-courses > li > a::before {content: "\f0da";position: absolute;font-family: "Font Awesome 6 Free";font-weight: 900;top: 9px;left: 8px;}
.courses-listing-links .list-of-courses > li.active > a::before {content: '\f0d7';}
.courses-listing-links .list-of-courses > li.active > a, .courses-listing-links .list-of-courses > li > a:hover {background-color: #039788;}
.list-of-courses li > .sub-course-list {display: none;padding-left: 25px;margin: 10px 0 0 0;}
.list-of-courses li > .sub-course-list > li > a {display: block;padding: 8px 0;font-weight: 400;line-height: 1.5;border-bottom: 1px solid rgba(255,255,255,0.1);}
.list-of-courses li > .sub-course-list > li:last-child > a {border-bottom: 0;}
.list-of-courses li > .sub-course-list > li.active > a, .list-of-courses li > .sub-course-list > li > a:hover {color: #0170B9 !important;font-weight: 500;}

.explore-courses-content h4 {color: #1f1f1f;font-size: 30px;font-weight: 600;line-height: 1.5;margin-bottom: 20px;}
.explore-courses-content p {color: #1f1f1f;font-size: 16px;line-height: 1.5;font-weight: 400; margin-bottom: 20px; margin-top: 10px; text-align: center;}
.explore-courses-content p:last-child {margin-bottom: 0;}
.explore-courses-content ul {margin-bottom: 30px;}
.explore-courses-content ul > li {position: relative;font-size: 16px;color: #1f1f1f;font-size: 16px;line-height: 1.5;font-weight: 400;padding-bottom: 5px;padding-left: 15px;}
.explore-courses-content ul > li:last-child {padding-bottom: 0;}
.explore-courses-content ul > li::before {content: '';display: inline-block;width: 7px;height: 7px;line-height: 1.5;border-radius: 100%;background-color: #039788;vertical-align: middle;position: absolute; top: 8px; left: 0;}

.image-area {margin: 0 0 30px 0;}
.image-area img {border-radius: 5px;}
.iframe-set {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%; margin-bottom: 30px;border: 1px solid #e5e5e5;border-radius: 5px;}
.iframe-set iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100% !important;height: 100% !important;}

.learning-path-section {padding: 80px 0; background-color: #fff;}
.learning-path-section .left-content img {border-radius: 5px;}
.learning-path-section .left-content .green-btn {display: block; min-width: 100%; margin-top: 15px;}
.learning-path-section .right-content h6 {display: inline-block;color: #039788;font-size: 18px;line-height: 1.5;font-weight: 600;margin-bottom: 10px;}
.learning-path-section .right-content h4 {color: #1f1f1f;font-size: 26px;font-weight: 600;line-height: 1.5;margin-bottom: 15px;}
.learning-path-section .right-content p {color: #353535;font-size: 16px;line-height: 1.5;margin-bottom: 15px;}
.learning-path-info {margin: 40px 0 0 0;padding: 30px 15px;background-color: #002339;color: #fff;border-radius: 10px;display: flex;flex-flow: row nowrap;align-items: center;}
.learning-path-info .learning-path-total {flex: 0 0 33.33%;max-width: 33.33%;padding: 0 15px;}
.learning-path-total {display: flex;flex-flow: row nowrap;align-items: center;}
.learning-path-total .icon {display: inline-block;width: 50px;height: 50px;line-height: 50px;border-radius: 100%;background-color: #0170B9;border: 1px solid #0170B9;text-align: center;font-size: 26px;margin-right: 15px;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.learning-path-total:hover .icon {border-color: #039788;background-color: #039788;}
.learning-path-total .content {width: calc(100% - 65px);}
.learning-path-total .content h5 {font-size: 20px;line-height: 1.5;font-weight: 500;}
.learning-path-total .content p {font-size: 16px;font-weight: 300;}

.learning-path-lists {position: relative;padding: 80px 0 50px 0;}
.path-lists {position: relative;}
.path-lists-box {position: relative;background-color: #fff;padding: 30px;border-radius: 10px;margin-bottom: 45px;margin-left: 45px;}
.path-lists::before {content: '';position: absolute;top: 0;left: 15px;border-left: 1px dashed #ccc;width: 1px;height: 100%;z-index: 100;}
.path-lists-box::before {content: '';position: absolute;top: 0;left: -45px;width: 30px;height: 30px;background: #fff;box-shadow: 0px 3px 10px 0px rgb(47 47 47 / 12%);border: 4px solid #039788;border-radius: 100%;z-index: 100;}
.path-lists-box .inner-content {display: flex;flex-flow: row nowrap;align-items: center;margin: 0 -15px;}
.path-lists-box .inner-content .image {flex: 0 0 25%;max-width: 25%;padding: 0 15px;}
.path-lists-box .inner-content .image img {width: 100%;height: 165px;object-fit: cover;border-radius: 5px;}
.path-lists-box .inner-content .content {flex: 0 0 75%;max-width: 75%;padding: 0 15px;}
.path-lists-box .inner-content .content h4 {font-size: 26px;margin-bottom: 15px;}
.path-lists-box .inner-content .content h4 > a {color: #039788 !important;}
.path-lists-box .inner-content:hover .content h4 > a {color: #0170B9 !important;}
.path-lists-box .inner-content .content p {color: #353535;font-size: 16px;line-height: 1.5;}

.bottom-details {background-color: #002339;color: #fff;border-radius: 0 0 10px 10px;padding: 15px 30px;margin: 30px -30px -30px -30px;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.path-lists-box:hover .bottom-details {background-color: #0170B9;}
.bottom-details .inner-box {display: flex;flex-flow: row nowrap;align-items: center;}
.bottom-details .inner-box .icon {width: 30px;margin-right: 15px;color: #fff;font-size: 18px;}
.bottom-details .inner-box .content {width: calc(100% - 45px);}
.bottom-details .inner-box .content h6 {color: #fff;font-size: 16px;line-height: 1.5;font-weight: 500;}
.bottom-details .inner-box .content p {color: #fff;font-size: 14px;line-height: 1.5;font-weight: 300;}

/*--Override-css--*/

.content-wrapper {max-width: 100% !important;padding: 0 !important;margin: 0 !important;}

header.main_wrap_banner img{
    height: 18.229vw;
}
@media only screen and (max-width: 767px) {
    header.main_wrap_banner img{
        height:250px;
    }
}
/*---Responsive--*/

@media (max-width: 1270px) {
    .about-university-section {padding: 80px 0;}
    .about-university-section .about-image::before {top: -14px; left: -14px;}
    .about-university-section .about-image:hover::before {top: 10px;}
}

@media (max-width: 1199px) {
    .courses-listing-links {padding: 15px;}
}

@media (max-width: 991px) {
    .home-banner-text h1 {font-size: 46px; margin: 0 0 30px 0;}
    .inner-banner-section .inner-banner-content {min-height: 300px;}
    .college-listing-slide {margin: 60px -15px 0 -15px;}
    .colleges-stats-section {padding: 80px 0 50px 0;}
    .colleges-stats-section .row-grid .col-3 {width: 50%;}
    .colleges-stats-section .stats-box {margin-bottom: 30px;}
    .college-info-box .content h4 {font-size: 18px;}
    .courses-listing-links .list-of-courses > li > a {font-size: 16px;}
}

@media (max-width: 900px) {
    .college-listing-section .row-grid .col-4 {width: 50%;}
}

@media (max-width: 767px) {
    .home-banner-section::after {display: none;}
    .home-banner-content {padding: 60px 0;}
    .home-banner-content .row-grid .col-6 {width: 100%;}
    .home-banner-text {margin-bottom: 40px;}
    .home-banner-text h1 {font-size: 42px;}
    .home-banner-text .blue-btn, .home-banner-text .blue-btn:not(.btn), .home-banner-text .blue-btn:visited {padding: 10px 30px; min-width: auto;}
    .home-img-slider::after {filter: invert(1) brightness(0); opacity: 0.5; right: -10px;}
    .about-university-section {padding: 60px 0 10px 0;}
    .about-university-section .row-grid .col-6 {width: 100%;}
    .about-university-section .about-image {margin-bottom: 30px;}
    .college-listing-slide {margin-top: 70px;}
    .colleges-stats-section {padding: 40px 0 10px 0;}
    .stats-box {padding: 15px;}
    .stats-box .icon {width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin-right: 15px;}
    .stats-box .content {width: calc(100% - 75px);}
    .stats-box .content h4 {font-size: 30px; margin: 0;}
    .testimonial-section {padding: 40px 0;}
    .testimonial-slider .review-item {padding: 40px 15px 10px 15px;}
    .testimonial-box {padding: 20px;}
    .inner-banner-section .inner-banner-content {padding: 75px 0; min-height: 250px;}
    .inner-banner-section h1 {font-size: 36px;}
    .college-listing-section {padding: 30px 0 0 0;}
    .section-info {margin-bottom: 30px;}
    .section-info .title {font-size: 30px;}
    .college-info-box .image > img {height: 200px;}  
    .college-info-box .content {padding: 20px 15px;}  
    .explore-courses-section .row-grid .col-4,  .explore-courses-section .row-grid .col-8 {width: 100%;}
    .explore-courses-section {padding: 30px 0; padding-top: 10px;}
    .courses-listing-links {margin-bottom: 30px;}
    .explore-courses-content h4 {font-size: 26px;}
    .learning-path-section {padding: 40px 0;}
    .learning-path-section .right-content h4 {font-size: 24px;}
    .learning-path-section .col-3 {width: 35%;}
    .learning-path-section .col-9 {width: 65%;}
    .learning-path-info {padding: 15px 0; margin-top: 30px;}
    .learning-path-total .icon {width: 35px; height: 35px; line-height: 35px; font-size: 20px; margin-right: 10px;}
    .learning-path-total .content {width: calc(100% - 45px);}
    .learning-path-total .content h5 {font-size: 16px;}
    .learning-path-total .content p {font-size: 14px;}
    .learning-path-lists {padding: 40px 0 10px 0;}
    .path-lists-box::before {width: 20px; height: 20px; border-width: 2px; left: -30px;}
    .path-lists-box {margin-left: 35px; padding: 15px; margin-bottom: 30px;}
    .path-lists-box .inner-content .image {flex: 0 0 30%; max-width: 30%;}
    .path-lists-box .inner-content .content {flex: 0 0 70%; max-width: 70%;}
    .path-lists-box .inner-content .content h4 {font-size: 22px;}
    .bottom-details {margin: 15px -15px -15px -15px; padding: 15px;}
    .bottom-details .col-3 {width: 50%;}
    .bottom-details .inner-box {margin-bottom: 15px;}
    body a.sign-in-btn.btn {
        padding: 5px 10px !important;
    }
}

@media (max-width: 575px) {
    .inner-banner-section .inner-banner-content {padding: 50px 0;}
    .college-listing-section .row-grid .col-4 {width: 100%;}
    .pagination-listing {margin-top: 0;}
    .learning-path-section .col-3 {width: 100%;}
    .learning-path-section .col-9 {width: 100%;}
    .learning-path-info {flex-direction: column; align-items: flex-start;}
    .learning-path-info .learning-path-total {flex: 0 0 100%; max-width: 100%; margin-bottom: 15px;}
    .learning-path-section .left-content {margin-bottom: 30px;}
    .path-lists-box .inner-content {flex-direction: column; align-items: flex-start;}
    .path-lists-box .inner-content .image {margin-bottom: 15px;}
    .path-lists-box .inner-content .image, .path-lists-box .inner-content .content {flex: 0 0 100%; max-width: 100%;}
    .path-lists-box .inner-content .image img {height: 200px;}
}

@media (max-width: 479px) {
    .home-banner-text h6 {font-size: 16px;}
    .home-banner-text h1 {font-size: 36px;}
    .colleges-stats-section .row-grid .col-3 {width: 100%;}
    .college-listing-slide .slick-arrow {width: 30px; height: 30px; line-height: 30px; font-size: 14px; top: -45px;}
    .college-listing-slide .slick-arrow.slick-prev {margin-right: 40px;}
    .bottom-details .col-3 {width: 100%;}
}

@media (max-width: 375px) {
    .pagination-listing ul li {margin: 0;}
    .pagination-listing ul li > a {width: 30px; height: 30px; line-height: 30px;}
}

@media (max-width: 1024px){
    .blue-cards-sec {
        display: flex;
        flex-direction: column;
    }

    .blue-cards-sec .col-3 {
        width: 100%;
        margin: 15px 0;
    }

    .testimonial-box .review-content .review-msg::before {
        font-size: 20px;
    }

    .testimonial-box .review-content .review-msg::after {
        font-size: 20px;
        bottom: -10px;
    }
}

.about-desc {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 980px){
    .dashboard .main-container .my-courses .listing-courses .course-item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        margin-bottom:30px;
        padding-bottom: 0;
    }

    .dashboard .main-container .my-courses .listing-courses .course-item:nth-child(4n) {
        margin-right: 0;
    }

    body.rtl .dashboard .main-container .my-courses .listing-courses .course-item:nth-child(4n) {
        margin-left: 0;
    }

    body.rtl .dashboard .main-container .my-courses .listing-courses .course-item {
        margin-left: 2.35765%;
        margin-right: 0;
    }

    .stats-box {
        border-radius: 0.781vw;
        padding: 1.302vw;
    }

    .stats-box .icon {
        width: 3.385vw;
        height: 3.385vw;
        border-radius: 0.781vw;
        font-size: 32px;
        margin-right: 1.042vw;
    }

    .stats-box .content h4 {
        font-size: 1.667vw;
        margin-bottom: 0.521vw;
    }

    .stats-box .content p {
        font-size: 0.781vw;
    }
}

@media only screen and (max-width: 979px) and (min-width: 769px)  {

    .dashboard .main-container .my-courses .listing-courses .course-item {
        margin-right: 2.35765%;
    }

    .dashboard .main-container .my-courses .listing-courses .course-item:nth-child(3n) {
        margin-right: 0;
    }

    body.rtl .dashboard .main-container .my-courses .listing-courses .course-item {
        margin-left: 2.35765%;
        margin-right: 0;
    }

    body.rtl .dashboard .main-container .my-courses .listing-courses .course-item:nth-child(3n) {
        margin-left: 0;
    }
}

@media (min-width: 1921px){
    .dashboard .main-container .my-courses .course .details .wrapper-course-image {
        max-height: 12vw;
        min-height: 12vw;
    }

    .stats-box .icon {
        width: 50px;
        height: 50px;
        margin-right: 0;
        border-radius: 15px;
    }

    .stats-box .content h4 {
        font-size: 30px;
    }

    .stats-box .content p {
        font-size: 14px;
    }

    .stats-box {
        padding: 20px;
    }

    .testimonial-box .review-content .review-msg::before {
        font-size: 20px;
    }

    .testimonial-box .review-content .review-msg::after {
        font-size: 20px;
        bottom: -12px;
        right: 0;
    }
}

a.cover {
    width: 100%;
}

.dashboard .main-container .my-courses .course .details .wrapper-course-image {
    width: 100%;
    margin: 0;
}

.dashboard .main-container footer {
    padding: 0;
}

@media (max-width: 767.98px){
    .dashboard .main-container .my-courses .course .details .wrapper-course-image {
        display: block;
    }
}

.dashboard-courses .custom-changes {
    width: 100%;
}

.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"] {
    width: 100%;
}

body .dashboard .wrapper-course-details .course-info {
    width: 100%;
}

.dashboard .main-container .my-courses .course .details {
    padding: 0;
}

.dashboard .main-container {
    padding: 40px 20px 20px 20px;
}

body .footer-widget-area a, .footer-widget-area a {
    color: #fff !important;
}

.footer-widget-area h2 {
    color: #fff !important;
}

.lang-select, .lang-select::before {
    color: #1f1f1f !important;
}

.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title a, .dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title span {
    line-height: 1.2;
    margin: 0 !important;
    max-height: 30px;
    height: 100%;
}

.custom-card-date {
    display: block;
    min-height: 32px;
}

.e-guid-banner-mobile {
    display:none;
}

.e-guid-banner-web.inner-banner-section .inner-banner-content{
    min-height:26.8vw;
}

.e-guid-banner-web{
    background-size:100% 100%;
}

@media(max-width:767px){
    .e-guid-banner-web {
        display:none;
    }

    .e-guid-banner-mobile {
        display:block;
        background-size:100% 100%;
        background-repeat:no-repeat;
    }

    .course-info .course-sidebar{
        width:100%;
    }
}

p.review-title {
    font-family: cairo;
    color: #2980b9;
    font-size: 11pt !important;
    line-height: normal !important;
    font-weight: bold;
    min-height: 26px;
}

.field-group-hd--large {
    font-size: 20px !important;
    line-height: 1.4; 
  }