/* ---font-family---- */
@font-face {
    font-family: 'Raleway Bold';
    src: url('../font/Raleway/Raleway-Bold.eot'); src: url('../font/Raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Raleway/Raleway-Bold.woff2') format('woff2'), url('../font/Raleway/Raleway-Bold.woff') format('woff'), url('../font/Raleway/Raleway-Bold.ttf') format('truetype'), url('../font/Raleway/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'Raleway ExtraBold';
    src: url('../font/Raleway/Raleway-ExtraBold.eot'); src: url('../font/Raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../font/Raleway/Raleway-ExtraBold.woff2') format('woff2'), url('../font/Raleway/Raleway-ExtraBold.woff') format('woff'), url('../font/Raleway/Raleway-ExtraBold.ttf') format('truetype'),  url('../font/Raleway/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'Raleway SemiBold';
    src: url('../font/Raleway/Raleway-SemiBold.eot'); src: url('../font/Raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/Raleway/Raleway-SemiBold.woff2') format('woff2'), url('../font/Raleway/Raleway-SemiBold.woff') format('woff'), url('../font/Raleway/Raleway-SemiBold.ttf') format('truetype'),  url('../font/Raleway/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight: 600;
}
@font-face {
    font-family: 'Raleway Regular';
    src: url('../font/Raleway/Raleway-Regular.eot'); src: url('../font/Raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Raleway/Raleway-Regular.woff2') format('woff2'), url('../font/Raleway/Raleway-Regular.woff') format('woff'),  url('../font/Raleway/Raleway-Regular.ttf') format('truetype'),  url('../font/Raleway/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Raleway Light';
    src: url('../font/Raleway/Raleway-Light.eot'); src: url('../font/Raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('../font/Raleway/Raleway-Light.woff2') format('woff2'), url('../font/Raleway/Raleway-Light.woff') format('woff'),  url('../font/Raleway/Raleway-Light.ttf') format('truetype'),  url('../font/Raleway/Raleway-Light.svg#Raleway-Light') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'Raleway Medium';
    src: url('../font/Raleway/Raleway-Medium.eot');src: url('../font/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Raleway/Raleway-Medium.woff2') format('woff2'), url('../font/Raleway/Raleway-Medium.woff') format('woff'), url('../font/Raleway/Raleway-Medium.ttf') format('truetype'),  url('../font/Raleway/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
}

*{font-weight: unset !important;}
body{font-family: 'Raleway Regular'; overflow-x: hidden !important;}
h2{color: #000000; font-size: 45px; line-height: 55px; margin-bottom: 30px !important; font-family: 'Raleway SemiBold';}

/* header  */
.navbar{padding: 13px 0; }
.navbar .navbar-collapse{justify-content: flex-end;}
.navbar .menu{padding-left: 0; margin: 0; display: flex; align-items: center;}
.navbar .menu li{list-style: none; display: inline-block; margin-right: 50px;}
.navbar .menu li a{display: inline-block; font-size: 16px; text-transform: capitalize; color: #000000; font-family: 'Raleway Medium'; text-decoration: none; position: relative; transition: 0.4s ease-in-out;}
.navbar .menu li a::after{content: ''; position: absolute; left: 1px; bottom: 0; width: 0; height: 1px; background-color: #005073; transition: 0.4s ease-in-out;}
.navbar .menu li a:hover{color: #005073;}
.navbar .menu li a:hover::after{width: 50%;}
.header-login ul{margin: 0; padding: 0;}
.header-login ul li{list-style: none; display: inline-block; margin-right: 40px;}
.header-login ul li:last-child{margin-right: 0;}
.header-login ul li a{color: #005073; font-family: 'Raleway Medium'; text-decoration: none; font-size: 18px; display: inline-block;}
.header-login ul li a:hover{color: #000000;}
.sticky-header{position: fixed; left: 0; right: 0; top: 0; z-index: 9; background-color: #fff; box-shadow: 0 -4px 8px 0 #000;}
.header-login ul .animated-btn a{padding: 8px 35px !important; font-size: 16px !important;}
.navbar .menu li.current_page_item a,
.navbar .menu li.current-menu-item a{color: #005073;}
.navbar .menu li.current_page_item a::after,
.navbar .menu li.current-menu-item a::after{width: 50%;}

/*--- animated-btn ---*/
.animated-btn { position: relative; display: inline-block; width: auto; height: auto; background-color: transparent !important; border: none; cursor: pointer;}
.animated-btn a { position: relative !important; background-image: none !important; background-color: transparent !important; border-radius: 10px !important;  display: inline-block !important; font-family: 'Raleway SemiBold' !important; color: #fff !important; border: 2px solid #005073 !important; font-size: 20px !important;top: 0 !important; left: 0 !important;width: 100%;padding: 14px 48px !important;transition: 0.3s !important;}
.animated-btn::before { background-color: #005073 !important; transition: 0.3s ease-out; border-radius: 10px !important; position: absolute; content: "";}
.animated-btn a:hover { color: #005073 !important; transition: 0.2s 0.1s;}
.animated-btn::before { top:0; bottom: 0; right: 0; height: 100%; width: 100%;  position: absolute; content: "";}
.animated-btn:hover::before { width: 0%;}

/* footer  */
.footer{background-color: #083548; padding-top: 60px; padding-bottom: 100px;}
.footer-logo p{color: #fff; font-size: 14px; line-height: 25px; margin-bottom: 0; margin-top: 15px; padding-right: 100px;}
.footer h3{color: #fff; font-size: 20px; padding-bottom: 5px; font-family: 'Raleway SemiBold'; margin-bottom: 30px; position: relative; display: inline-block;}
.footer h3::after{content: ''; position: absolute; left: 0; bottom: 0; background-color: #fff; width: 30%; height: 2px;}
.footer .footer-menu{padding: 0; margin: 0;}
footer .footer-menu li{list-style: none;}
footer .footer-menu li a{color: #fff; text-decoration: none; font-size: 14px; display: inline-block; padding: 5px 0; position: relative;}
footer .footer-menu li a::after{content: ''; position: absolute; left: 1px; bottom: 2px; width: 0; height: 1px; background-color: #fff; transition: 0.4s ease-in-out;}
footer .footer-menu li a:hover::after{width: 50%;}
.copyright{background-color: #0B4862; padding: 15px 0;}
.copyright p{color: #fff; margin-bottom: 0; font-size: 14px;}
.copyright ul{margin: 0; padding: 0; display: flex; justify-content: flex-end;}
.copyright ul li{list-style: none; display: inline-block; position: relative; padding-right: 50px;}
.copyright ul li::after{content: ''; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: #fff;}
.copyright ul li:last-child{padding-right: 0;}
.copyright ul li:last-child::after{display: none;}
.copyright ul li a{text-decoration: none; color: #fff; font-size: 14px;}
.get-in-touch{padding-left: 50px;}
.get-in-touch p{margin-bottom: 15px; color: #fff; font-size: 14px;}
.get-in-touch p a{text-decoration: none; color: #fff; font-size: 14px; display: block; padding: 4px 0;}
.get-in-touch p a:hover{text-decoration: underline;}
.copyright ul li a::after{content: ''; position: absolute; left: 1px; bottom: 0px; width: 0; height: 1px; background-color: #fff; transition: 0.4s ease-in-out;}
.copyright ul li a:hover::after{width: 40px;}
.social-logos ul{margin: 0; padding: 0; display: flex; align-items: center;}
.social-logos ul li{list-style: none; margin-right: 20px;}
.social-logos ul li a{text-decoration: none;}

.banner .vc_row{display: flex;}
.banner .left-side .vc_column-inner{height: 100%; display: flex; align-items: center;}
.banner .banner-small-title{font-size: 20px; color: #005073; font-family: 'Raleway SemiBold'; margin-bottom: 25px; padding-bottom: 3px; border-bottom: 2px solid #005073; display: block; max-width: 240px;}
.banner h1{font-size: 45px; line-height: 65px; color: #000000; font-family: 'Raleway SemiBold';}
.banner .left-side p{font-size: 18px; color: #000000; line-height: 30px;}
.banner .left-side .member-review p{font-size: 18px; color: #000000; line-height: 30px;}
.banner .left-side .member-review p strong{font-family: 'Raleway SemiBold';}
.banner .left-side .wpb_single_image{margin-bottom: 5px; margin-top: 10px;}
.banner .left-side .member-review{margin-bottom: 0;}
.banner .right-side .wpb_single_image{margin-bottom: 0;}
.banner .right-side{position: relative;}
.banner .right-side .total-member{position: absolute; top: 30px; left: -14px; padding: 12px; background-color: #fff; border-radius: 10px;}
.banner .right-side .total-member p{font-size: 20px; color: #000000;}
.banner .right-side .total-member .wpb_text_column{margin-bottom: 0; float: right;}
.banner .right-side .total-member .counter p{font-size: 40px; font-family: 'Raleway SemiBold';}
.banner .right-side .total-member .wpb_single_image{float: left;  margin-right: 15px;}
.banner .right-side .total-member .counter{float: none;}
.banner .right-side .enrolled-member p{font-size: 22px;}
.banner .right-side .enrolled-member{position: absolute; bottom: 40px; right: 0; padding: 12px; background-color: #fff; border-radius: 10px;}
.banner .right-side .enrolled-member .counter{float: left;}
.banner .right-side .enrolled-member .counter p{font-family: 'Raleway SemiBold'; margin-right: 5px;}
.banner .right-side .enrolled-member .wpb_content_element{margin-bottom: 5px;}
.banner .right-side .enrolled-member .simple-text{float: right;}

.brand-logos{padding-top: 0 !important;}
.brand-slider{background-color: #005073;}
.brand-slider .wpb_content_element{margin-bottom: 0;}
.brand-logo-slider{margin-bottom: 0; padding: 30px 0;}
.brand-logo-slider li{position: relative; text-align: center; list-style: none;}
.brand-logo-slider li::before{content: ''; position: absolute; right: 20px; top: 0; background: url('../img/brand_star.png') no-repeat; width: 41px; height: 40px;}

.about-urgo{padding-top: 100px;}
.small-title{color: #005073; font-size: 22px; border-bottom: 1px solid #005073; padding-bottom: 2px; margin-bottom: 25px !important; display: inline-block; font-family: 'Raleway SemiBold';}
.about-urgo .left-side p{font-size: 20px; color: #333333;}
.about-urgo .about-experience .counter{margin-bottom: 12px !important;}
.about-urgo .about-experience .counter p{color: #005073; font-size: 76px; line-height: normal; text-align: center; font-family: 'Raleway SemiBold';}
.about-urgo .about-experience p{font-size: 16px; color: #666666;}
.about-urgo .about-experience .wpb_content_element{margin-bottom: 0;}
.about-urgo .about-experience .left{position: relative;}
.about-urgo .about-experience .left::before{content: ''; position: absolute; right: 0; top: 0; background-color: #666666; width: 2px; height: 100%;}
.about-urgo .about-experience{display: flex; align-items: center;}
.about-urgo .right-side .wpb_single_image{margin-bottom: 0; text-align: right !important; padding-right: 50px;}
.about-urgo .right-side{position: relative; padding-top: 50px;}
.about-urgo .right-side .full-time-member p{font-size: 20px;}
.about-urgo .right-side .full-time-member .wpb_content_element{margin-bottom: 0; float: right;}
.about-urgo .right-side .full-time-member .counter p{font-size: 40px; color: #000000; font-family: 'Raleway SemiBold';}
.about-urgo .right-side .full-time-member{position: absolute; background: #fff; border-radius: 10px; padding: 12px; bottom: 50px; left: 50px; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));}
.about-urgo .right-side .full-time-member .wpb_single_image{float: left; margin-right: 10px; padding-right: 0;}
.about-urgo .right-side .full-time-member .wpb_single_image figure::before,
.about-urgo .right-side .full-time-member .wpb_single_image figure::after{display: none;}
.about-urgo .right-side .full-time-member .counter{float: none;}
.about-urgo .right-side .wpb_single_image figure{position: relative;}
.about-urgo .right-side .wpb_single_image figure::before{content: ''; position: absolute; left: -25px; bottom: -25px; width: 100%; height: 100%; background-color: #005073; z-index: -1; border-radius: 20px;}
.about-urgo .right-side .wpb_single_image figure::after{content: ''; position: absolute; top: -50px; right: -55px; background: url('../img/pattern-shape.png') no-repeat;height: 240px; width: 325px; z-index: -1;}

.popular-course{padding-top: 100px;}
.popular-course .explore-course-card{position: relative;}
.popular-course .course-thumb-wrap{width: 54%; position: relative;}
.popular-course .course-thumb-wrap img{width: 100%;}
.popular-course .course-info-wrap{border-radius: 20px;background: #FFF;box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.15); padding: 50px; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); width: 60%;}
.popular-course .course-info-wrap h3 a{font-size: 32px; color: #000000; font-family: 'Raleway SemiBold'; margin-bottom: 20px; text-decoration: none; display: block;}
.popular-course .course-info-wrap h3 a:hover{color: #005073;}
.popular-course .course-info-wrap h3{margin-bottom: 0;}
.popular-course .course-info-wrap .price{font-size: 48px; color: #005073; font-family: 'Raleway SemiBold'; display: block; margin-bottom: 20px;}
.popular-course .course-info-wrap .course-desc{font-size: 16px; color: #000000; margin-bottom: 20px;}
.popular-course .course-thumb-wrap .video-play-button{height: 75px; width: 75px; padding: 0; border-radius: 20px; border: 2px solid #fff; font-size: 25px; display: flex; align-items: center; justify-content: center; background: transparent;}
.popular-course .course-thumb-wrap .video-popup{position: absolute; height: 75px; width: 75px; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-decoration: none; color: #fff; margin: 0 auto;}
.popular-course .stars .star{font-style: normal; font-size: 30px;}
.popular-course .stars .rating-label{display: none;}
.popular-course .stars{margin-top: 0; margin-bottom: 15px;}
.popular-course .course-meta span{font-size: 16px; color: #000000; margin-right: 40px; position: relative; padding-left: 25px;}
.popular-course .course-meta .course-modules::before{content: ''; position: absolute; left: 0; top: 3px; height: 15px; width: 20px; background: url('../img/lesson-icon.png') no-repeat;}
.popular-course .course-meta .course-members::before{content: ''; position: absolute; left: 0; top: 3px; height: 15px; width: 20px; background: url('../img/member-icon.png') no-repeat;}

.guaranteed-and-certified{padding-top: 100px;}
.guaranteed-and-certified h2{font-size: 50px !important; line-height: 70px;}
.guaranteed-and-certified h4{color: #000000; font-size: 20px; font-family: 'Raleway SemiBold'; margin-bottom: 20px;}
.guaranteed-and-certified p{font-size: 18px; color: #333333;}
.guaranteed-and-certified h3{font-size: 24px; color: #000000; font-family: 'Raleway SemiBold'; margin-bottom: 10px;}
.guaranteed-and-certified .list-box p{color: #000000;}
.guaranteed-and-certified .list-box .wpb_content_element{margin-bottom: 0;}
.guaranteed-and-certified .list-box .wpb_single_image{margin-bottom: 15px;}
.guaranteed-and-certified .list-box {margin-bottom: 50px;}

.become-a-member{background: url('../img/become-member-bg.png') no-repeat; background-size: cover; background-position: center; padding-top: 100px; padding-bottom: 100px;}
.become-a-member p{font-size: 20px; color: #000000;}
.become-a-member ul{padding-left: 0;}
.become-a-member ul li{list-style: none; font-size: 24px; color: #000000; font-family: 'Raleway SemiBold'; position: relative; padding-left: 45px; margin-bottom: 20px;}
.become-a-member ul li::before{content: ''; position: absolute; left: 0; top: 3px; height: 30px; width: 30px; background: url('../img/green-arrow.png') no-repeat;}
.become-a-member .counter{float: left;}
.become-a-member .counter p{font-family: 'Raleway SemiBold';}
.become-a-member .right p{font-size: 28px; color: #000000;}
.become-a-member .right .wpb_single_image{margin-bottom: 10px;}
.become-a-member .main-row{display: flex; align-items: center;}
.become-a-member .animated-btn a{padding: 14px 40px !important;}

.expore-learning-event{padding-top: 100px;}
.expore-learning-event p{font-size: 16px; line-height: 28px;}
.expore-learning-event h3{font-size: 20px; line-height: 26px; color: #000000; font-family: 'Raleway SemiBold'; margin-bottom: 0;}
.expore-learning-event .quik-join .wpb_single_image{margin-bottom: 0; float: left; margin-right: 15px;}
.expore-learning-event .quik-join p{font-size: 16px; padding-right: 50px;}
.expore-learning-event .quik-join .wpb_text_column{margin-top: 25px; float: left;}
.expore-learning-event .main-row{position: relative;}
.expore-learning-event .main-row .left-side {z-index: 1; padding: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) !important; width: 60%; border-radius: 20px; background: #FFF; box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.15);}
.expore-learning-event .main-row .right-side{float: right;}
.expore-learning-event .main-row .right-side img{height: 520px; object-fit: cover; border-radius: 20px;}
.expore-learning-event .main-row .animated-btn{margin-bottom: 0 !important;}
.expore-learning-event .main-row .right-side .wpb_single_image{margin-bottom: 0 !important;}
.expore-learning-event .main-row .left-side h2{font-size: 36px !important; margin-bottom: 15px !important;}

.testimonial{padding-top: 100px;}
.testimonial .wpb_wrapper{text-align: center;}
.testimonial p{font-size: 18px; color: #666666;}

.testimonial-carousel-rows { overflow: hidden; position: relative;}
.testimonial-row { overflow: hidden; margin-bottom: 20px;}
.testimonial-track { display: flex; width: max-content;animation: scroll-left 30s linear infinite;}
.testimonial-row.marquee-right .testimonial-track { animation: scroll-right 30s linear infinite;}
@keyframes scroll-left {  0% { transform: translateX(0); }  100% { transform: translateX(-50%); }}
@keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); }}
.testimonial-item { flex: 0 0 auto; min-width: 345px; max-width: 345px; margin: 0 15px; padding: 30px;
border: 1px solid #DEE5ED; border-radius: 20px;background: #F8FAFC; position: relative; overflow: hidden;}
.testimonial-item::before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 60%; background: url('../img/testimonial_bg.png');}
.testimonial-photo img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.testimonial-title { font-family: 'Raleway SemiBold'; margin-bottom: 0; text-align: left;  font-size: 18px; color: #1D1D1D;}
.testimonial-text p{font-size: 17px; text-align: left; margin-bottom: 0; color: #333;}
.testimonial-carousel-rows .stars { display: flex;  gap: 2px; margin-top: 0 !important;}
.testimonial-carousel-rows .star { font-size: 0 !important;}
.testimonial-carousel-rows .star.full::before { content: "★";  color: #f7b500;  font-size: 25px;}
.testimonial-carousel-rows .star.empty::before { content: "☆"; color: #ccc; font-size: 25px}
.testimonial-user { display: flex; align-items: center;}
.testimonial-user .testimonial-content{width: 78%;}
.testimonial-user .testimonial-photo{width: 22%; text-align: left;}
.testimonial-text{border-top: 1px solid #DEE5ED; padding-top: 20px; margin-top: 20px; z-index: 1; position: relative;}
.testimonial-carousel-rows::before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 212px; background: url('../img/testimonial-left-shape.png') no-repeat; z-index: 1; background-position: center; background-size: cover;}
.testimonial-carousel-rows::after{content: ''; position: absolute; right: -2px; top: 0; height: 100%; width: 212px; background: url('../img/testimonial-right-shape.png') no-repeat; z-index: 1; background-position: center; background-size: cover;}

.blog{padding-top: 60px; padding-bottom: 60px;}
.blog .wpb_wrapper{text-align: center;}
.blog p{font-size: 18px; color: #666666;}
.home-blog-posts{display: flex; justify-content: space-between;}
.home-blog-posts .blog-post{width: 31%; text-decoration: none; color: #000000; display: block; text-align: left; border-radius: 12px; padding: 16px; border: 1px solid var(--Secondary-100, #E8E8EA);background: #fff;} 
.home-blog-posts .blog-post .blog-thumbnail a{display: block;}
.home-blog-posts .blog-post .blog-thumbnail img{width: 100%;}
.home-blog-posts .blog-post h3{color: #000000; text-align: left; font-size: 20px; font-family: 'Raleway SemiBold'; line-height: 28px; margin-bottom: 20px;}
.home-blog-posts .blog-post .blog-categories{color: #4B6BFB; font-size: 14px; font-family: 'Raleway Medium'; border-radius: 6px; background: rgba(75, 107, 251, 0.05); display: inline-block; padding: 5px 10px; margin-top: 20px; margin-bottom: 15px;}
.blog-date{font-size: 16px; text-align: left; color: #97989F;}
#blog .home-blog-posts{justify-content: flex-start; gap: 40px; flex-wrap: wrap;}

.blog-detail-page{padding-top: 100px; padding-bottom: 70px;}
.blog-detail-page h1{font-size: 64px; line-height: 94px; color: #000; font-family: 'Raleway SemiBold'; margin-bottom: 20px;}
.blog-detail-page p{font-size: 18px; color: #666666;}
.blog-detail-page .post-content{margin-top: 30px;}
.blog-detail-page .post-content p{font-size: 22px; line-height: 40px; font-family: 'Raleway Medium'; text-align: justify;}
.blog-detail-page .post-thumbnail img{width: 100%; height: auto;}
.blog-detail-page .post-category { color: #4B6BFB; font-size: 14px; font-family: 'Raleway Medium';  border-radius: 6px; background: rgba(75, 107, 251, 0.05); display: inline-block; padding: 5px 10px; margin-top: 20px;  margin-bottom: 15px;}

.scroll-to-top { display: none; position: fixed; bottom: 50px; right: 15px; z-index: 1; height: 35px; width: 35px; background: url('../img/scroll-to-top.png') no-repeat #005073; background-size: 50%; background-position: center; border-radius: 10px; cursor: pointer; text-align: center; transition: opacity 0.3s;}
.other-banner-title{position: absolute; top: 50%; margin-bottom: 0 !important; transform: translateY(-50%); left: 0; right: 0; text-align: center !important; color: #fff !important; font-size: 50px; font-family: 'Raleway SemiBold';}
.other-banner-section{position: relative;}
.other-banner-section .wpb_single_image{margin-bottom: 0;}
.other-banner-section .wpb_single_image figure div{position: relative;}
.other-banner-section .wpb_single_image figure div::before{content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.4;}
.other-banner-section .wpb_single_image figure,
.other-banner-section .wpb_single_image figure div,
.other-banner-section .wpb_single_image figure img{width: 100%; height: 350px; object-fit: cover;}

.contact-form-section{padding-top: 100px; padding-bottom: 50px;}
.contact-form-section p{font-size: 16px; color: #000; line-height: 30px; font-family: 'Raleway Medium';}
.contact-form-section .vc_do_btn{display: block !important;}
.contact-form-section .vc_do_btn a{font-family: 'Raleway Medium'; position: relative; background-color: transparent !important; background-image: none !important; font-size: 16px; color: #000 !important; border: 0 !important; padding: 0 !important; padding-left: 35px !important;}
.contact-form-section .vc_do_btn a:hover{color: #005073 !important;}
.contact-form-section .number a::before{content: ''; position: absolute; left: 0; top: 0; background: url('../img/call-icon.svg') no-repeat; height: 20px; width: 20px; background-size: 20px;}
.contact-form-section .address a::before{content: ''; position: absolute; left: 0; top: 0; background: url('../img/location-icon.svg') no-repeat; height: 25px; width: 25px; background-size: 25px;}

.contact-form-section form{max-width: 80%; margin-left: auto; padding: 30px; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75);}
.contact-form-section form label{display: block; font-size: 16px; font-family: 'Raleway Medium'; margin-bottom: 15px;}
.contact-form-section form label span{display: block;}
.contact-form-section form br{display: none;}
.contact-form-section form p{margin-bottom: 0;}
.contact-form-section form label input{border: 1px solid #97989F; border-radius: 10px; width: 100%; font-size: 16px; padding: 2px 10px;}
.contact-form-section form label input:focus{outline: none; box-shadow: none; border-color: #005073;}
.contact-form-section form label textarea{border: 1px solid #97989F; border-radius: 10px; width: 100%; width: 100%; font-size: 16px; padding: 10px 10px; height: 150px;}
.contact-form-section form label textarea:focus{outline: none; box-shadow: none; border-color: #005073;}
.contact-form-section .submit-btn input{background-color: #005073; color: #fff; border: 2px solid #005073; transition: 0.4s ease-in-out; font-size: 16px; text-align: center; text-transform: uppercase; font-family: 'Raleway SemiBold'; padding: 5px 40px; border-radius: 10px;}
.contact-form-section .submit-btn input:hover{background-color: transparent; color: #005073;}


.course-hero{position: relative; padding-top: 100px;}
.course-hero .left-side{display: flex; flex-direction: column; justify-content: center;}
.course-hero::before{content: '';position: absolute; top: 0; left: 0; right: 0; background-color: #0051730d; width: 100%; height: 90%; z-index: -1;}
.course-hero a{text-decoration: none;}
.course-hero h1{color: #000; font-family: 'Raleway SemiBold'; font-size: 45px;}
.course-hero p{font-size: 16px;}
.enrollment-info span{display: block; margin-top: 15px;}
.course-stats{background-color: #fff; display: flex; border-radius: 10px; box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.75); padding: 20px; margin-top: 20px;}
.course-stats .stat-item{width: 25%; padding-left: 30px; padding-right: 30px; border-right: 1px solid #97989f38;}
.course-stats .stat-item strong{font-size: 16px; font-family: 'Raleway SemiBold'; }
.course-stats .stat-item p{font-size: 14px; margin-bottom: 0;}
.course-stats .stat-item:last-child{border-right: 0;}
.course-nav-tabs{padding-top: 100px;}
.course-nav-tabs .course-tabs .nav-item{margin-bottom: 10px;}
.course-nav-tabs .course-tabs{max-width: 70%;}
.course-nav-tabs .course-tabs .nav-item .nav-link{border: 0; background-color: transparent; color: #000; font-size: 16px; margin: 0; font-family: 'Raleway SemiBold';}
.course-nav-tabs .course-tabs .nav-item .nav-link.active{background-color: #005073; color: #fff; border-radius: 5px;}
.about-course-content .content-section{padding-top: 20px; max-width: 70%;}
.about-course-content .content-section h2{font-size: 24px; font-family: 'Raleway SemiBold'; line-height: 38px; margin-bottom: 15px !important;}
.about-course-content .content-section li{list-style: none; font-size: 15px; margin-bottom: 10px; position: relative; padding-left: 30px;}
.about-course-content .content-section ul{padding-left: 0;}
.about-course-content .content-section li::before{content: ''; position: absolute; left: 0; top: 3px; height: 20px; width: 20px;  background: url('../img/green-arrow.png') no-repeat; background-size: 20px;}
.about-course-content .skills-tags .skill-tag{background-color: #005073; color: #fff; border-radius: 5px; padding: 7px; margin-bottom: 10px; margin-right: 10px; font-size: 13px; font-family: 'Raleway Medium'; display: inline-block;}

.courses-course-content{padding-top: 70px;}
.courses-course-content h2{font-size: 24px; color: #000; font-family: 'Raleway SemiBold'; line-height: 38px; margin-bottom: 15px !important;}
.courses-course-content .module-item .module-header{display: flex; cursor: pointer; align-items: center; position: relative;}
.courses-course-content .module-item .module-header::before { content: '<'; font-size: 18px; color: #005073; position: absolute; right: 0; top: 0; transform: rotate(88deg); font-family: 'Raleway SemiBold';}
.courses-course-content .module-item .module-header.collapsed::before { content: '<'; font-size: 18px; color: #005073; position: absolute; right: 0; top: 0; transform: rotate(-95deg); font-family: 'Raleway SemiBold';}
.courses-course-content .module-item .module-header h4{font-size: 18px; font-family: 'Raleway SemiBold'; display: inline-block; text-decoration: underline;}
.courses-course-content .module-item .module-header p{font-size: 15px; color: #666666; margin-bottom: 0;}
.professional-certi-faq{border: 1px solid #DEE5ED; border-radius: 10px; padding: 0 25px;}
.courses-course-content .module-item{border-bottom: 1px solid #DEE5ED; padding: 20px 0;}
.courses-course-content .module-item .module-header img{height: 70px; width: 90px; object-fit: cover; border-radius: 10px;}
.courses-course-content .module-item .module-info{margin-left: 15px;}
.courses-course-content .module-item .module-content{padding-top: 30px;}
.courses-course-content .module-item .module-content h5{font-size: 18px; color: #000; font-family: 'Raleway SemiBold'; margin-bottom: 20px;}
.courses-course-content .module-item .module-content ul{padding: 0; margin-bottom: 30px;}
.courses-course-content .module-item .module-content ul li{list-style: none; font-size: 15px; margin-bottom: 10px; position: relative; padding-left: 30px;}
.courses-course-content .module-item .module-content ul li::before{content: ''; position: absolute; left: 0; top: 2px; height: 20px; width: 20px;  background: url('../img/green-arrow.png') no-repeat; background-size: 20px;}
.courses-course-content .module-item .module-content .skill-tag { background-color: #005073; color: #fff; border-radius: 5px; padding: 5px; margin-bottom: 10px; margin-right: 10px; font-size: 12px; font-family: 'Raleway Medium'; display: inline-block;}
.courses-course-content .certificate-info{display: flex; align-items: center; padding: 20px 0;}
.courses-course-content .certificate-info h3{font-size: 18px; font-family: 'Raleway SemiBold'; display: inline-block;}
.courses-course-content .certificate-info p{font-size: 15px; color: #666666; margin-bottom: 0;}
.courses-course-content .certificate-info img{height: 70px; width: 90px; object-fit: cover; border-radius: 10px;}
.courses-course-content .certificate-info .certificate-text{margin-left: 15px;}

.course-detail-testimonial{padding-top: 100px;}
.course-detail-testimonial h2{text-align: center;}
.course-detail-testimonial .testimonial-item{background-color: #fff; border: 1px solid #DEE5ED;}
.course-detail-testimonial .testimonial-item::before{display: none;}
.course-detail-testimonial .testimonial-carousel-rows::before{display: none;}
.course-detail-testimonial .testimonial-carousel-rows::after{display: none;}
.course-detail-testimonial .testimonial-text{border-top: 0; padding-top: 0;}

.course-detail-faq-section{padding-top: 100px; padding-bottom: 70px;}
.course-detail-faq-section h2{text-align: center;}
.course-detail-faq-section .accordion-button{border: 0; font-size: 16px; font-family: 'Raleway SemiBold'; color: #000; background: transparent; box-shadow: none;}
.accordion-button:focus{outline: none; box-shadow: none;}
.course-detail-faq-section .accordion-header{margin-bottom: 0 !important;}
.course-detail-faq-section .accordion-item{border-radius: 0; border: 0; border-bottom: 1px solid #DEE5ED;}
.course-detail-faq-section .accordion-item:last-child{border-bottom: 0;}
.course-detail-faq-section .accordion{border: 1px solid #DEE5ED; border-radius: 10px; padding: 0 20px;}
.course-detail-faq-section .accordion-body{padding-top: 0;}
.dynamic-pagination{margin-top: 20px;}
.dynamic-pagination a{font-size: 16px; margin-right: 5px; font-family: 'Raleway SemiBold'; color: #005073; text-decoration: none; display: inline-block; border: 1px solid #005073; padding: 4px 12px; border-radius: 5px;}
.dynamic-pagination a.active{background-color: #005073; color: #fff;} 

/* ---------------------Responsive-------------------- */
@media(min-width:1200px){ .container{max-width: 1200px;}}
@media(max-width: 1499px){.brand-logo-slider li::before { right: 40px;}}
@media(max-width: 1399px){.brand-logo-slider li::before { right: 21px;}}
@media(max-width: 1199px){
    .navbar .menu li { margin-right: 30px;}
    .animated-btn a { padding: 10px 38px !important; font-size: 18px !important;}
    .header-logo a, .footer-logo a{display: block;}
    .footer-logo a svg{width: 100%; max-width: 180px; height: auto;}
    .navbar .menu li a { font-size: 15px;}
    .footer h3 { font-size: 18px;  margin-bottom: 20px;}
    .footer-logo p { padding-right: 0;}
    .banner h1 { font-size: 32px; line-height: 43px;}
    .about-urgo h2 { font-size: 32px !important; line-height: 40px !important;}
    .about-urgo .about-experience .counter p { font-size: 50px;}
    .about-urgo .about-experience p { font-size: 14px;}
    .popular-course h2 { font-size: 32px !important;}
    .guaranteed-and-certified h2 { font-size: 32px !important; line-height: 42px !important;}
    .become-a-member h2 { font-size: 32px !important; line-height: 45px !important;}
    .expore-learning-event h3 { max-width: 90%;}
    .expore-learning-event .main-row .left-side { padding: 20px; width: 70%;}
    .testimonial h2 { font-size: 32px !important; line-height: 40px !important;}
    .blog h2 { font-size: 32px !important; line-height: 40px !important;}
    .become-a-member .animated-btn a{padding: 10px 18px !important;}
    .contact-form-section form { max-width: 95%;}
    .course-hero h1 {font-size: 32px;}
    .course-hero { padding-top: 50px;}
    .course-nav-tabs { padding-top: 70px;}
    .course-detail-testimonial h2 { font-size: 32px;}
    .course-detail-testimonial { padding-top: 70px;}
    .course-detail-faq-section { padding-top: 60px; padding-bottom: 60px;}
    .course-detail-faq-section h2{font-size: 32px;}
    #blog .home-blog-posts { gap: 30px;}
}
@media(max-width: 991px){
   .get-in-touch {  padding-left: 0;}
   .footer-logo p { padding-right: 40px;}
   .footer-menu-box{margin-bottom: 40px;}
   .footer { padding-bottom: 50px;}
   .navbar-toggler.collapsed{background: url('../img/toggle-open.png') no-repeat; z-index: 11; padding: 0; border: 0; background-position: center; background-size: 22px; font-size: 0; height: 22px; width: 22px;}
   .navbar-toggler{background: url('../img/toggle-close.png') no-repeat; z-index: 11; padding: 0; border: 0; background-position: center; background-size: 22px; font-size: 0; height: 22px; width: 22px;}
   .navbar-toggler:focus{outline: none; box-shadow: none;}
   .navbar .navbar-collapse{position: fixed; top: 0; background-color: #fff; left: 0; right: 0; width: 100%; z-index: 1; padding-top: 90px; box-shadow: 0 2px 4px -3px #000; padding-bottom: 20px;}
   .navbar .menu li{margin-right: 0; display: block;}
   /* .navbar .navbar-collapse.show{transform: translateX(0);} */
   .navbar .menu li a{display: block; color: #000;  padding: 12px 20px; border-radius: 5px;}
   .navbar .menu{display: block; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #e5e7eb;}
   .header-login ul li a { font-size: 14px;}
   .header-login ul .animated-btn a { font-size: 14px !important;}
   .navbar .menu li a:hover::after{display: none;}
   .navbar .menu-home-container{max-width: 720px; margin: 0 auto; padding: 0 15px;}
   .navbar .header-login{max-width: 720px; margin: 0 auto; padding: 0 35px;}
   .header-logo a{z-index: 11; position: relative;}
   .banner .vc_row { flex-direction: column-reverse;}
   .banner .left-side { padding: 30px 0; width: 100%;}
   .banner .right-side { width: 100%;}
   .banner .banner-main-img .vc_single_image-wrapper{text-align: center;}
   .banner .banner-main-img .vc_single_image-wrapper img{max-width: 60%; width: 100%;}
   .banner .right-side .total-member { left: 50px; top: 0;}
   .about-urgo .left-side{width: 100%; padding-top: 70px;}
   .about-urgo .right-side{width: 100%;}
   .about-urgo{display: flex; flex-direction: column-reverse;}
   .about-urgo .right-side .wpb_single_image { text-align: center !important; padding-right: 0;}
   .about-urgo .right-side .wpb_single_image img { max-width: 100%;}
   .about-urgo .right-side .wpb_single_image figure::before { width: 100%; left: -20px;}
   .about-urgo .about-experience .left p{text-align: center;}
   .popular-course .course-thumb-wrap { width: 100%;}
   .popular-course .course-info-wrap { padding: 30px;  width: 90%;  margin: 0 auto; left: 0; top: unset; bottom: 0; transform: unset; position: relative; top: 0; margin-top: -80px;}
   .guaranteed-and-certified .left-side{width: 100%;}
   .guaranteed-and-certified .right-side{width: 100%;}
   .guaranteed-and-certified { padding-top: 50px;}
   .become-a-member .vc_col-sm-6{width: 100%;}
   .become-a-member .main-row {  display: block;}
   .become-a-member .main-row .left{width: 50%;}
   .become-a-member .main-row .right{width: 50%;}
   .expore-learning-event .main-row .left-side { width: 90%; position: unset; transform: unset !important; margin: 0 auto; margin-top: -80px;}
   .expore-learning-event .main-row .right-side{width: 100%; float: none;}
   .expore-learning-event .main-row { display: flex; flex-direction: column-reverse;}
   .home-blog-posts .blog-post h3 { font-size: 16px;}
   .contact-form-section form { max-width: 100%;}
   .contact-form-section { padding-top: 60px; padding-bottom: 20px;}
   .course-hero .enrollment-info{margin-bottom: 30px;}
   .course-stats .stat-item { width: 33%; margin-bottom: 10px;}
   .course-stats { flex-wrap: wrap;}
   .about-course-content .content-section { max-width: 100%;}
   #blog .home-blog-posts { gap: 20px;}
   .navbar .menu li.current_page_item a,
   .navbar .menu li.current-menu-item a{color: #fff; background-color: #005073;}
    .navbar .menu li.current_page_item a::after,
    .navbar .menu li.current-menu-item a::after{width: 0;}
    .navbar .menu li a { font-size: 14px;}
}
@media(max-width: 767px){
    .navbar {  padding: 14px 0;}
    .navbar .navbar-collapse { padding-top: 90px;}
    .footer {  padding-bottom: 40px; padding-top: 40px;}
    .footer-logo p {padding-right: 0; margin-bottom: 30px;}
    .copyright p {  text-align: center;}
    .copyright ul {justify-content: center;}
    .banner .banner-main-img .vc_single_image-wrapper img { max-width: 80%;}
    .banner .right-side .total-member .counter p { font-size: 15px;}
    .banner .right-side .total-member p { font-size: 12px;}
    .banner .right-side .total-member .wpb_single_image img { max-width: 38px;}
    .banner .right-side .total-member {  left: 24px; padding: 8px; top: -17px;}
    .banner .right-side .enrolled-member p { font-size: 14px;}
    .banner .right-side .enrolled-member .wpb_single_image img{width: 100%; max-width: 120px;}
    .banner .right-side .enrolled-member { bottom: 20px;  padding: 6px;}
    .banner .banner-small-title { font-size: 16px;  max-width: 190px; margin-bottom: 10px;}
    .banner h1 { font-size: 28px; line-height: 38px;}
    .banner .left-side p { font-size: 14px; line-height: 22px;}
    .animated-btn a {  padding: 8px 35px !important; font-size: 15px !important;}
    .banner .left-side .member-review p {  font-size: 15px; line-height: 28px;}
    .banner .left-side .wpb_content_element{margin-bottom: 15px;}
    .brand-logo-slider li img{max-width: 50%; height: auto;}
    .brand-logo-slider li::before{right: 23px;width: 30px; height: 30px; background-size: 30px;}
    .brand-logo-slider { padding: 18px 0;}
    .about-urgo .right-side .wpb_single_image img {  max-width: 80%;}
    .about-urgo .right-side .wpb_single_image figure::before {  width: 80%; left: 0;}
    .about-urgo .right-side .wpb_single_image figure::after { top: -30px; right: -130px; background-size: 60%;}
    .about-urgo { padding-top: 10px;}
    .about-urgo .right-side .full-time-member { left: 29px;}
    .about-urgo h2 { font-size: 28px !important; line-height: 38px !important;}
    .about-urgo .about-experience { display: block;}
    .about-urgo .about-experience .left p { text-align: left;}
    .about-urgo .about-experience .right p{margin-top: 20px;}
    .about-urgo .about-experience .left::before{display: none;}
    .popular-course h2 { font-size: 28px !important;}
    .small-title { font-size: 15px;  margin-bottom: 14px !important;}
    .popular-course { padding-top: 50px;}
    .popular-course .course-info-wrap h3 a{ font-size: 16px;}
    .popular-course .course-info-wrap .price { font-size: 30px;}
    .popular-course .course-meta span { margin-right: 0; padding-left: 28px; display: block; margin-bottom: 8px;}
    .guaranteed-and-certified h2 { font-size: 28px !important; line-height: 38px !important;}
    .become-a-member .right p { font-size: 22px;}
    .expore-learning-event .main-row .right-side img { height: auto;}
    .expore-learning-event .main-row .left-side h2 {  font-size: 26px !important; margin-bottom: 13px !important; line-height: 32px !important;}
    .guaranteed-and-certified { padding-top: 30px;}
    .guaranteed-and-certified h4 { font-size: 16px; margin-bottom: 14px; line-height: 26px;}
    .guaranteed-and-certified h3 { font-size: 18px;}
    .guaranteed-and-certified .list-box { margin-bottom: 0;}
    .guaranteed-and-certified .list-box .wpb_column{margin-bottom: 35px;}
    .become-a-member h2 {font-size: 28px !important; line-height: 38px !important;}
    .become-a-member p { font-size: 16px;}
    .become-a-member .main-row .left , .become-a-member .main-row .right{ width: 100%;}
    .become-a-member { padding-top: 50px; padding-bottom: 20px;}
    .expore-learning-event { padding-top: 50px;}
    .expore-learning-event h2 { font-size: 18px !important;  margin-bottom: 10px !important;}
    .testimonial h2 { font-size: 28px !important; line-height: 35px !important;}
    .testimonial { padding-top: 50px;}
    .testimonial p { font-size: 16px;}
    .testimonial p br{display: none;}
    .blog h2 { font-size: 28px !important; line-height: 35px !important;}
    .blog p { font-size: 16px;}
    .home-blog-posts .blog-post { width: 100%;}
    .home-blog-posts { display: block;}
    .testimonial-text p{font-size: 14px;}
    .testimonial-title { font-size: 16px;}
    .testimonial-item { min-width: 280px; max-width: 280px; padding: 15px;}
    .testimonial-user .testimonial-photo { width: 25%;}
    .testimonial-user .testimonial-content { width: 75%;}
    .blog { padding-bottom: 20px; padding-top: 0px;}
    .testimonial-carousel-rows::before, .testimonial-carousel-rows::after { display: none;}
    .blog-detail-page h1 { font-size: 28px; line-height: 36px;}
    .blog-detail-page { padding-top: 40px; padding-bottom: 30px;}
    .blog-detail-page .post-content p { font-size: 16px; line-height: 30px;}
    .blog-detail-page .post-content { margin-top: 10px;}
    .scroll-to-top{height: 30px; width: 30px; right: 10px;}
    .other-banner-title { font-size: 36px;}
    .other-banner-section .wpb_single_image figure, .other-banner-section .wpb_single_image figure div, .other-banner-section .wpb_single_image figure img { height: 230px;}
    .contact-form-section h2{font-size: 36px !important; line-height: 45px !important; margin-bottom: 10px !important;}
    .contact-ugro-left .wpb_content_element{margin-bottom: 20px;}
    .contact-ugro-left{margin-bottom: 30px;}
    .course-hero h1 { font-size: 28px;}
    .course-stats .stat-item { width: 100%; margin-bottom: 0; border-bottom: 1px solid #97989f38; border-right: 0;  padding: 15px 0;}
    .course-stats .stat-item:last-child{border-bottom: 0;}
    .course-nav-tabs .course-tabs { max-width: 100%;}
    .courses-course-content .module-item .module-header h4 { font-size: 16px;}
    .courses-course-content .module-item .module-header img,
    .courses-course-content .certificate-info img { height: 50px; width: 60px;}
    .course-detail-testimonial h2, .course-detail-faq-section h2 { font-size: 28px; line-height: 38px;}
    .course-detail-faq-section .accordion-button { font-size: 15px; line-height: normal;}
    .course-detail-faq-section .accordion { padding: 0 10px;}
    .course-detail-faq-section { padding-top: 40px; padding-bottom: 50px;}
    .course-detail-testimonial { padding-top: 50px;}
    .popular-course .course-thumb-wrap .video-play-button { height: 50px; width: 50px; border-radius: 10px; font-size: 18px;}
    .popular-course .course-thumb-wrap .video-popup { height: 55px; width: 55px;}
    .become-a-member ul li { font-size: 16px; padding-left: 30px; margin-bottom: 15px;}
    .become-a-member ul li::before { top: 2px; height: 20px; width: 20px;background-size: 20px;}
    .about-urgo .left-side p, .guaranteed-and-certified p { font-size: 16px;}
    #blog .home-blog-posts .blog-post{margin-bottom: 15px;}
    .blog-main-page{padding-top: 50px;}
    html{overflow-x: hidden;}
    .about-urgo .right-side .full-time-member p { font-size: 16px;}
    .about-urgo .right-side .full-time-member .counter p { font-size: 25px;}
    .about-urgo .right-side .full-time-member .vc_column-inner{padding-left: 0;}
    .courses-course-content .module-item .module-header::before { right: -17px;}
    .courses-course-content .module-item .module-header.collapsed::before { right: -14px;}
}