@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Spartan:wght@400;500;600;700;800&display=swap);

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;500;800&display=swap');

:root { --color-primary:#08c0f2;

--color-secondary:#ee4a62;

--color-textSecondary:#ff5b5c;

--color-tertiary:#f8b81f;

--color-dark:#111212;

--color-heading:#181818;

--color-border:#e5e5e5;

--color-body:gray;

--gradient-primary:linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);

--color-white:#fff;

--color-black:#000;

--color-lighten01:#f0f4f5;

--color-lighten02:#edf5f8;

--color-lighten03:#f5f1eb;

--color-lighten04:#f7f5f2;

--color-extra01:#0ecd73;

--color-extra02:#8e56ff;

--color-extra03:#f92596;

--color-extra04:#5866eb;

--color-extra05:#f8941f;

--color-extra06:#39c0fa;

--color-extra07:#da04f8;

--color-extra08:#4664e4;

--color-success:#3EB75E;

--color-danger:#FF0003;

--color-warning:#FF8F3C;

--color-info:#1BA2DB;

--color-placeholder:gray;

--color-facebook:#1877f2;

--color-twitter:#1da1f2;

--color-youtube:#cd201f;

--color-linkedin:#0a66c2;

--color-pinterest:#E60022;

--color-instagram:#C231A1;

--color-vimeo:#00ADEF;

--color-twitch:#6441A3;

--color-discord:#7289da;

--border-width:2px;

--radius-small:4px;

--radius:10px;

--radius-big:16px;

--p-light:300;

--p-regular:400;

--p-medium:500;

--p-semi-bold:600;

--p-bold:700;

--p-extra-bold:800;

--shadow-darker:0 10px 50px 0 rgba(26,46,85,.1);

--shadow-darker2:0 20px 50px 0 rgba(26,46,85,.1);

--shadow-dark:0 10px 30px 0 rgba(20,36,66,.15);

--shadow-darkest:0 10px 30px 0 rgba(0,0,0,.05);

--transition:0.3s;

--transition-2:0.5s;

--transition-transform:transform .65s cubic-bezier(.23, 1, .32, 1);

--font-primary:'Poppins', sans-serif;

--font-secondary:'Spartan', sans-serif;

--font-icomoon:'icomoon';

--font-size-b1:15px;

--font-size-b2:13px;

--line-height-b1:1.73;

--line-height-b2:1.85;

--h1:50px;

--h2:36px;

--h3:28px;

--h4:20px;

--h5:18px;

--h6:16px;

--h1-lineHeight:1.2;

--h2-lineHeight:1.39;

--h3-lineHeight:1.43;

--h4-lineHeight:1.4;

--h5-lineHeight:1.45;

--h6-lineHeight:1.62;



--white:#fff;

--white-1:#fafafa;

--blue:#043962;

--blue-1:#0c4c7f;

--light-blue:#0093d6;

--light-blue-2:#f0f3f6;

--background-3:#203357;

--border-color-3:#e2e2e2;

}

.container-custom, .container-custom-1520 { width: 100%; margin-left: auto; margin-right: auto; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem) }

.container-custom { max-width: 1710px }

.container-custom-1520 { max-width: 1520px }



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

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-custom, .container-custom-1520 { padding-right: 15px; padding-left: 15px }

}



@media only screen and (min-width:1200px) {

.container { max-width: 1185px }

}

.shape-group, .edu-breadcrumb-area .edu-breadcrumb, .edu-breadcrumb-area .course-meta, .edu-breadcrumb-area .shape-group, .edu-course-widget.widget-course-summery .content .course-item, .edu-pagination, .about-image-gallery .shape-group li, .about-content .features-list, .about-style-1 .shape-group, .about-style-2 .shape-group, .about-style-3 .about-image-gallery .shape-group, .about-style-3 .shape-group, .about-style-5 .shape-group, .cta-banner-2 .shape-group, .cta-banner-3 .shape-group, .edu-cta-banner .shape-group, .edu-cta-box .shape-group, .contact-me .thumbnail .shape-group, .contact-us-info .address-list, .contact-form-area .shape-group, .contact-form.form-style-2 .shape-group, .edu-course .content .course-meta, .edu-course .hover-content-aside .content .course-feature ul, .course-layout-five-tooltip-content .content .course-meta, .course-layout-five-tooltip-content .content .course-feature ul, .course-area-3 .shape-group, .course-area-7 .shape-group, .edu-sorting-area .sorting-right .layout-switcher .switcher-btn, .course-details-content .entry-content .course-meta, .course-curriculam .course-lesson ul, .edu-event .content .event-meta, .edu-event-list .content .event-meta, .edu-event-area .shape-group, .event-details .details-content .event-meta, .edu-faq-content .shape-group, .edu-faq-gallery .shape-group, .faq-style-4 .faq-thumbnail .shape-group, .hero-banner .banner-content .shape-group, .hero-banner .banner-thumbnail .shape-group, .hero-banner.hero-style-2 .banner-gallery .shape-group, .hero-banner.hero-style-3 .shape-group, .hero-banner.hero-style-4 .shape-group, .hero-banner.hero-style-5 .shape-group, .hero-banner.hero-style-6 .shape-group, .hero-banner.hero-style-7 .shape-group, .pricing-table .pricing-body .list-item, .privacy-policy ul, .product-details-area .content .product-feature, .edu-product .inner>.thumbnail .product-hover-info ul, .account-page-area .shape-group, .pv-elementor-area .elementor-thumbnail .shape-group li, .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li, .pv-inner-page-area .shape-group li, .pv-zoom-demo-area .zoom-thumbnail .shape-group li, .pv-cta-area .shape-group li, .team-share-info, .team-area-3 .shape-group, .team-area-4 .shape-group, .team-area-5 .shape-group, .team-area-6 .shape-group, .team-details-content .main-info .team-meta, .team-details-content .contact-info ul, .video-gallery .shape-group, .error-page-area>.shape-group, .edu-error .thumbnail .shape-group, .coming-soon-page-area .shape-group, .header-top .header-info, .header-action, .edu-footer .information-list, .blog-meta, .edu-blog-area .shape-group, .edu-blog-widget.widget-categories .category-list { padding: 0; margin: 0; list-style: none }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li a { -webkit-transition: var(--transition); transition: var(--transition) }

.bgImagePosition, .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center center }

.bg-image_fixed { background-attachment: fixed!important }

.bg-image--1 { background-image: url(../images/bg/bg-image-1.png) }

.svg-image--1 { background-image: url(../images/bg/bg-image-1.svg) }

.bg-image--2 { background-image: url(../images/bg/bg-image-2.jpg) }

.svg-image--2 { background-image: url(../images/bg/bg-image-2.svg) }

.bg-image--3 { background-image: url(../images/bg/bg-image-3.jpg) }

.svg-image--3 { background-image: url(../images/bg/bg-image-3.svg) }

.bg-image--4 { background-image: url(../images/bg/bg-image-4.jpg) }

.svg-image--4 { background-image: url(../images/bg/bg-image-4.svg) }

.svg-image--5 { background-image: url(../images/bg/bg-image-5.svg) }

.bg-image--6 { background-image: url(../images/bg/bg-image-6.png) }

.svg-image--6 { background-image: url(../images/bg/bg-image-6.svg) }

.bg-image--7 { background-image: url(../images/bg/bg-image-7.png) }

.bg-image--8 { background-image: url(../images/bg/bg-image-8.png) }

.bg-image--9 { background-image: url(../images/bg/bg-image-9.png) }

.bg-image--10 { background-image: url(../images/bg/bg-image-10.png) }

.bg-image--11 { background-image: url(../images/bg/bg-image-11.png) }

.bg-image--12 { background-image: url(../images/bg/bg-image-12.jpg) }

.bg-image--13 { background-image: url(../images/bg/bg-image-13.png) }

.bg-image--14 { background-image: url(../images/bg/bg-image-14.jpg) }

.bg-image--15 { background-image: url(../images/bg/bg-image-15.jpg) }

.bg-image--16 { background-image: url(../images/bg/bg-image-16.png) }

.bg-image--17 { background-image: url(../images/bg/bg-image-17.jpg) }

.bg-image--18 { background-image: url(../images/bg/bg-image-18.png) }

.bg-image--19 { background-image: url(../images/bg/bg-image-19.jpg) }

.bg-image--20 { background-image: url(../images/bg/bg-image-20.png) }

.bg-image--21 { background-image: url(../images/bg/bg-image-21.jpg) }

.bg-image--22 { background-image: url(../images/bg/bg-image-22.png) }

.bg-image--23 { background-image: url(../images/bg/bg-image-23.jpg) }

.bg-image--24 { background-image: url(../images/bg/bg-image-24.jpg) }

.bg-image--25 { background-image: url(../images/bg/bg-image-25.jpg) }

.bg-image--26 { background-image: url(../images/bg/bg-image-26.png) }

.bg-image--27 { background-image: url(../images/bg/bg-image-27.png) }

.row--0 { margin-left: 0; margin-right: 0 }

.row--0>[class*="col"] { padding-left: 0; padding-right: 0 }

.row--5 { margin-left: -5px; margin-right: -5px }

.row--5>[class*="col"] { padding-left: 5px; padding-right: 5px }

.row--10 { margin-left: -10px; margin-right: -10px }

.row--10>[class*="col"] { padding-left: 10px; padding-right: 10px }

.row--15 { margin-left: -15px; margin-right: -15px }

.row--15>[class*="col"] { padding-left: 15px; padding-right: 15px }

.row--20 { margin-left: -20px; margin-right: -20px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--20 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--20 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--20 { margin-left: -15px; margin-right: -15px }

}



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

.row--20 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--20>[class*="col"], .row--20>[class*="col-"] { padding-left: 20px; padding-right: 20px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--20>[class*="col"], .row--20>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--20>[class*="col"], .row--20>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--20>[class*="col"], .row--20>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--20>[class*="col"], .row--20>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--25 { margin-left: -25px; margin-right: -25px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--25 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--25 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--25 { margin-left: -15px; margin-right: -15px }

}



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

.row--25 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--25>[class*="col"], .row--25>[class*="col-"] { padding-left: 25px; padding-right: 25px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--25>[class*="col"], .row--25>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--25>[class*="col"], .row--25>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--25>[class*="col"], .row--25>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--25>[class*="col"], .row--25>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--30 { margin-left: -30px; margin-right: -30px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--30 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--30 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--30 { margin-left: -15px; margin-right: -15px }

}



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

.row--30 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--30>[class*="col"], .row--30>[class*="col-"] { padding-left: 30px; padding-right: 30px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--30>[class*="col"], .row--30>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--30>[class*="col"], .row--30>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--30>[class*="col"], .row--30>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--30>[class*="col"], .row--30>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--35 { margin-left: -35px; margin-right: -35px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--35 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--35 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--35 { margin-left: -15px; margin-right: -15px }

}



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

.row--35 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--35>[class*="col"], .row--35>[class*="col-"] { padding-left: 35px; padding-right: 35px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--35>[class*="col"], .row--35>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--35>[class*="col"], .row--35>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--35>[class*="col"], .row--35>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--35>[class*="col"], .row--35>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--40 { margin-left: -40px; margin-right: -40px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--40 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--40 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--40 { margin-left: -15px; margin-right: -15px }

}



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

.row--40 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--40>[class*="col"], .row--40>[class*="col-"] { padding-left: 40px; padding-right: 40px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--40>[class*="col"], .row--40>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--40>[class*="col"], .row--40>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--40>[class*="col"], .row--40>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--40>[class*="col"], .row--40>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--45 { margin-left: -45px; margin-right: -45px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--45 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--45 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--45 { margin-left: -15px; margin-right: -15px }

}



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

.row--45 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--45>[class*="col"], .row--45>[class*="col-"] { padding-left: 45px; padding-right: 45px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--45>[class*="col"], .row--45>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--45>[class*="col"], .row--45>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--45>[class*="col"], .row--45>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--45>[class*="col"], .row--45>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--50 { margin-left: -50px; margin-right: -50px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--50 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--50 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--50 { margin-left: -15px; margin-right: -15px }

}



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

.row--50 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--50>[class*="col"], .row--50>[class*="col-"] { padding-left: 50px; padding-right: 50px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--50>[class*="col"], .row--50>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--50>[class*="col"], .row--50>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--50>[class*="col"], .row--50>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--50>[class*="col"], .row--50>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

.row--60 { margin-left: -60px; margin-right: -60px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--60 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--60 { margin-left: -15px; margin-right: -15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--60 { margin-left: -15px; margin-right: -15px }

}



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

.row--60 { margin-left: -15px!important; margin-right: -15px!important }

}

.row--60>[class*="col"], .row--60>[class*="col-"] { padding-left: 60px; padding-right: 60px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.row--60>[class*="col"], .row--60>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.row--60>[class*="col"], .row--60>[class*="col-"] { padding-left: 15px; padding-right: 15px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.row--60>[class*="col"], .row--60>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}



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

.row--60>[class*="col"], .row--60>[class*="col-"] { padding-left: 15px!important; padding-right: 15px!important }

}

#edublink-preloader { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99999999999999; overflow: hidden; background-image: -webkit-linear-gradient(70deg, #31b978 0%, #1ab69d 100%); background-image: linear-gradient(20deg, #31b978 0%, #1ab69d 100%); -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out }

#edublink-preloader.loaded .preloader-close-btn-wraper { bottom: 200% }

.preloader-close-btn-wraper { position: fixed; bottom: 0; right: 0; padding: 30px; -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out }

.preloader-close-btn-wraper .preloader-close-btn { border-radius: 50px; font-size: 13px; padding: 4px 23px; background: var(--color-black); color: var(--color-white); cursor: pointer; height: 45px; line-height: 35px; border: 0; text-transform: uppercase; font-weight: 600 }

.loading-spinner { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

.preloader-spin-1 { width: 100%; height: 100%; border-radius: 50%; background-color: #FFF; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out; animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out }

.preloader-spin-2 { width: 100%; height: 100%; border-radius: 50%; background-color: #FFF; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out; animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out; -webkit-animation-delay: -1.0s; animation-delay: -1.0s }

@-webkit-keyframes edublink-preloader-bounce-animation {

0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes edublink-preloader-bounce-animation {

0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

* { box-sizing: border-box }

article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block }

audio, canvas, video { display: inline-block }

audio:not([controls]) { display: none; height: 0 }

[hidden] { display: none }

a { display: inline-block; color: var(--color-heading); text-decoration: none; outline: none }

a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--color-primary) }

a:focus { outline: none }

address { margin: 0 0 24px }

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: 700 }

mark { background: var(--color-primary); color: #fff }

code, kbd, pre, samp { font-size: var(--font-size-b3); -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--color-primary) }

kbd, ins { color: #fff }

pre, pre.wp-block-code { font-family: "Courier 10 Pitch", Courier, monospace!important; font-size: 15px!important; margin: 40px 0!important; overflow: auto; padding: 20px!important; white-space: pre!important; white-space: pre-wrap!important; word-wrap: break-word!important; color: var(--color-body)!important; background: var(--color-light); border-radius: 4px }

small { font-size: smaller }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }

sup { top: -.5em }

sub { bottom: -.25em }

dl { margin-top: 0; margin-bottom: 10px }

dd { margin: 0 15px 15px }

dt { font-weight: 700; color: var(--color-heading) }

menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px }

nav ul, nav ol { list-style: none; list-style-image: none }

li>ul, li>ol { margin: 0 }

ol ul { margin-bottom: 0 }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto }

svg:not(:root) { overflow: hidden }

figure { margin: 0 }

form { margin: 0 }

fieldset { border: 1px solid var(--color-border); margin: 0 2px; min-width: inherit; padding: .35em .625em .75em }

legend { border: 0; padding: 0; white-space: normal }

button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline }

button, input { line-height: normal }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer }

button[disabled], input[disabled] { cursor: default }

input[type="checkbox"], input[type="radio"] { padding: 0 }

input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px }

input[type="search"]::-webkit-search-decoration {

-webkit-appearance:none;

appearance:none

}

button::-moz-focus-inner, input::-moz-focus-inner {

border:0;

padding:0

}

textarea { overflow: auto; vertical-align: top }

caption, th, td { font-weight: 400 }

table thead th { font-weight: 700 }

td, .wp-block-calendar tfoot td { border: 1px solid var(--color-border); padding: 7px 10px }

del { color: #333 }

ins { background: rgba(56,88,246,.6); text-decoration: none; padding: 0 5px }

hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; opacity: .6 }

table a, table a:link, table a:visited { text-decoration: underline }

dt { font-weight: 700; margin-bottom: 10px }

dd { margin: 0 15px 15px }

caption { caption-side: top }

kbd { background: var(--heading-color) }

dfn, cite, em { font-style: italic }

blockquote, q { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }

blockquote blockquote { margin-right: 0 }

blockquote cite, blockquote small { font-size: var(--font-size-b3); font-weight: 400 }

blockquote strong, blockquote b { font-weight: 700 }

html { overflow: hidden; overflow-y: auto; margin: 0; padding: 0; font-size: 10px }

body { overflow: hidden; font-size: var(--font-size-b1); line-height: var(--line-height-b1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--font-primary); color: var(--color-body); font-weight: 400; background-color: var(--color-white); margin: 0; padding: 0 }

body.modal-open { padding: 0!important }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px }

.display-one { font-size: 112px }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: var(--font-secondary); color: var(--color-heading) }

h1, .h1 { font-size: var(--h1); line-height: var(--h1-lineHeight) }

h2, .h2 { font-size: var(--h2); line-height: var(--h2-lineHeight) }

h3, .h3 { font-size: var(--h3); line-height: var(--h3-lineHeight) }

h4, .h4 { font-size: var(--h4); line-height: var(--h4-lineHeight) }

h5, .h5 { font-size: var(--h5); line-height: var(--h5-lineHeight) }

h6, .h6 { font-size: var(--h6); line-height: var(--h6-lineHeight) }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; -webkit-transition: 0.5s; transition: 0.5s }

a { color: var(--color-heading); -webkit-transition: 0.3s; transition: 0.3s }



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

h1, .h1 { font-size: 44px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

h1, .h1 { font-size: 38px }

h2, .h2 { font-size: 30px }

h3, .h3 { font-size: 24px }

h4, .h4 { font-size: 18px }

}



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

h1, .h1 { font-size: 34px }

h2, .h2 { font-size: 26px }

h3, .h3 { font-size: 22px }

h4, .h4 { font-size: 18px }

}

h1, .h1, h2, .h2, h3, .h3 { font-weight: var(--p-bold) }

h4, .h4, h5, .h5, h6, .h6 { font-weight: var(--p-semi-bold) }

p { font-size: var(--font-size-b1); line-height: var(--line-height-b1); font-weight: 400; color: var(--color-body); margin: 0 0 30px }



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

p { margin: 0 0 20px }

}

p.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1) }

p.b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2) }

.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1) }

.b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2) }

.table, table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100% }

table a, table a:link, table a:visited { text-decoration: none }

cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--color-heading) }

var { font-family: "Courier 10 Pitch", Courier, monospace }

ul, ol { padding-left: 18px }

ul { list-style: square; margin-bottom: 30px; padding-left: 20px }

ul.liststyle.bullet li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); color: var(--color-body); position: relative; padding-left: 30px }



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

ul.liststyle.bullet li { padding-left: 19px }

}

ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: var(--color-body); left: 0; top: 10px }

ul.liststyle.bullet li+li { margin-top: 8px }

ul li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); margin-top: 10px; margin-bottom: 10px; color: var(--color-body) }

ul li a { text-decoration: none; color: var(--color-body); -webkit-transition: var(--transition); transition: var(--transition) }

ul li a:hover { color: var(--color-primary) }

ul ul { margin-bottom: 0 }

ol { margin-bottom: 30px }

ol li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); color: var(--color-body); margin-top: 10px; margin-bottom: 10px; font-weight: 400 }

ol li a { color: var(--heading-color); -webkit-transition: var(--transition); transition: var(--transition); text-decoration: none }

ol li a:hover { color: var(--color-primary) }

ol ul { padding-left: 30px }

hr { display: block; height: 0; margin: 15px 0; border-top: 1px solid var(--color-border); background: transparent }

kbd { background: var(--color-primary) }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button }

input, select, textarea { width: 100%; -webkit-transition: 0.3s; transition: 0.3s }

input { height: 60px }

select { -webkit-transition: 0.3s; transition: 0.3s; height: 50px; padding: 10px 20px; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 0 none; border-radius: 3px; color: var(--color-heading); font-family: var(--font-secondary); font-size: 15px; font-weight: 600; background: url(../images/icons/arrow-icon.png) 88% center no-repeat transparent; background-color: var(--color-lighten01); min-width: 160px; cursor: pointer }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea { font-size: 15px; background-color: var(--color-white); box-shadow: none; padding: 0 25px; outline: none; border: none; border-radius: 5px; color: var(--color-heading) }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {

color:var(--color-placeholder);

opacity:1

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus { border-color: var(--color-primary) }

textarea { padding: 20px 25px }

input[type="checkbox"], input[type="radio"] { opacity: 0; position: absolute }

input[type="checkbox"]~label, input[type="radio"]~label { position: relative; font-size: 15px; line-height: 26px; color: var(--color-heading); padding-left: 32px; cursor: pointer; margin-bottom: 0 }

input[type="checkbox"]~label::before, input[type="radio"]~label::before { content: " "; position: absolute; top: 4px; left: 0; width: 17px; height: 17px; background-color: #fff; border: 1px solid #d2d5d6; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s }

input[type="checkbox"]~label::after, input[type="radio"]~label::after { content: "\e913"; font-family: var(--font-icomoon); font-size: 10px; color: var(--color-white); position: absolute; top: 0; left: 4px; opacity: 0; -webkit-transition: all .3s; transition: all .3s }

input[type="checkbox"]:checked~label::before, input[type="radio"]:checked~label::before { background-color: var(--color-primary); border-color: var(--color-primary) }

input[type="checkbox"]:checked~label::after, input[type="radio"]:checked~label::after { opacity: 1 }

input[type="radio"]~label { padding-left: 30px }

input[type="radio"]~label::before { border: 1px solid #dcdfe0; border-radius: 50% }

input[type="radio"]~label::after { content: ""; height: 7px; width: 7px; top: 9px; left: 5px; background-color: var(--color-primary); border-radius: 50% }

input[type="radio"]:checked~label::before { background-color: var(--color-white); border-color: #dcdfe0 }

.form-group { margin-bottom: 20px }

.form-group:last-child { margin-bottom: 0 }

.form-group label { color: var(--color-heading); margin-bottom: 8px }

.form-group .submit-btn { padding: 0 35px }

.form-message { margin-bottom: 0; text-align: center }

.form-message.error { margin-top: 20px; color: #f80707 }

.form-message.success { margin-top: 20px; color: #0d8d2d }

.color-fb { color: var(--color-facebook)!important }

.color-ig { color: var(--color-instagram)!important }

.color-twitter { color: var(--color-twitter)!important }

.color-yt { color: var(--color-youtube)!important }

.color-linkd { color: var(--color-linkedin)!important }

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

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

.bg-lighten01 { background-color: var(--color-lighten01) }

.bg-lighten02 { background-color: var(--color-lighten02) }

.bg-lighten03 { background-color: var(--color-lighten03) }

.bg-lighten04 { background-color: var(--color-lighten04) }

.edublink-animated-shape { position: relative; z-index: 9 }

.shape-group li { margin: 0; position: absolute; z-index: -1 }



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

.shape-group { display: none }

}

.z-10 { z-index: 10 }

.home-four-course { background-image: url(../images/bg/bg-image-3.jpg); overflow: hidden }

.home-four-course .shape-group .shape-1 { top: 59px; right: -88px }

.home-four-course .shape-group .shape-2 { top: -263px; right: -406px; z-index: -1 }

.home-four-course .shape-group .shape-2 span { display: block; height: 570px; width: 570px; border: 1px solid var(--color-border); border-radius: 50% }

@-webkit-keyframes headerSticky {

0% {

-webkit-transform:translateY(-100%);

transform:translateY(-100%)

}

100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes headerSticky {

0% {

-webkit-transform:translateY(-100%);

transform:translateY(-100%)

}

100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@-webkit-keyframes rotateIt {

to {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

@keyframes rotateIt {

to {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

@-webkit-keyframes bounceSlide {

0%, 20%, 50%, 80%, 100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

40% {

-webkit-transform:translateY(-30px);

transform:translateY(-30px)

}

60% {

-webkit-transform:translateY(-15px);

transform:translateY(-15px)

}

}

@keyframes bounceSlide {

0%, 20%, 50%, 80%, 100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

40% {

-webkit-transform:translateY(-30px);

transform:translateY(-30px)

}

60% {

-webkit-transform:translateY(-15px);

transform:translateY(-15px)

}

}

.bounce-slide { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceSlide; animation-name: bounceSlide }

@-webkit-keyframes line1 {

0% {

opacity:1;

bottom:0

}

30% {

bottom:30%

}

50% {

bottom:50%

}

70% {

bottom:70%

}

100% {

bottom:100%;

opacity:.5

}

}

@keyframes line1 {

0% {

opacity:1;

bottom:0

}

30% {

bottom:30%

}

50% {

bottom:50%

}

70% {

bottom:70%

}

100% {

bottom:100%;

opacity:.5

}

}

@-webkit-keyframes line2 {

0% {

opacity:1;

top:0

}

30% {

bottom:30%

}

50% {

bottom:50%

}

70% {

bottom:70%

}

100% {

top:100%;

opacity:.5

}

}

@keyframes line2 {

0% {

opacity:1;

top:0

}

30% {

bottom:30%

}

50% {

bottom:50%

}

70% {

bottom:70%

}

100% {

top:100%;

opacity:.5

}

}

@-webkit-keyframes line3 {

0% {

opacity:1;

top:500px

}

50% {

top:50%

}

100% {

top:100%;

opacity:.5

}

}

@keyframes line3 {

0% {

opacity:1;

top:500px

}

50% {

top:50%

}

100% {

top:100%;

opacity:.5

}

}

@-webkit-keyframes line4 {

0% {

opacity:1;

top:300px

}

50% {

top:50%

}

100% {

top:100%;

opacity:.5

}

}

@keyframes line4 {

0% {

opacity:1;

top:300px

}

50% {

top:50%

}

100% {

top:100%;

opacity:.5

}

}

@-webkit-keyframes line5 {

0% {

opacity:1;

bottom:400px

}

50% {

bottom:50%

}

100% {

bottom:100%;

opacity:.5

}

}

@keyframes line5 {

0% {

opacity:1;

bottom:400px

}

50% {

bottom:50%

}

100% {

bottom:100%;

opacity:.5

}

}

@-webkit-keyframes customOne {

from {

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(.9);

transform:scale(.9)

}

to {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes customOne {

from {

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(.9);

transform:scale(.9)

}

to {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@-webkit-keyframes customTwo {

0% {

-webkit-transform:translate(0, 0);

transform:translate(0, 0)

}

50% {

-webkit-transform:translate(100px, 0);

transform:translate(100px, 0)

}

100% {

-webkit-transform:translate(50px, 50px);

transform:translate(50px, 50px)

}

}

@keyframes customTwo {

0% {

-webkit-transform:translate(0, 0);

transform:translate(0, 0)

}

50% {

-webkit-transform:translate(100px, 0);

transform:translate(100px, 0)

}

100% {

-webkit-transform:translate(50px, 50px);

transform:translate(50px, 50px)

}

}

.customOne { -webkit-animation: customOne 2s infinite; animation: customOne 2s infinite }

.rotateit { -webkit-animation: rotateIt 11s linear infinite; animation: rotateIt 11s linear infinite }

@-webkit-keyframes edublink-vsm-y-move {

0% {

-webkit-transform:translate(0, -30%);

transform:translate(0, -30%)

}

100% {

-webkit-transform:translate(0, 30%);

transform:translate(0, 30%)

}

}

@keyframes edublink-vsm-y-move {

0% {

-webkit-transform:translate(0, -30%);

transform:translate(0, -30%)

}

100% {

-webkit-transform:translate(0, 30%);

transform:translate(0, 30%)

}

}

@-webkit-keyframes edublink-vsm-y-reverse-move {

0% {

-webkit-transform:translate(0, 30%);

transform:translate(0, 30%)

}

100% {

-webkit-transform:translate(0, -30%);

transform:translate(0, -30%)

}

}

@keyframes edublink-vsm-y-reverse-move {

0% {

-webkit-transform:translate(0, 30%);

transform:translate(0, 30%)

}

100% {

-webkit-transform:translate(0, -30%);

transform:translate(0, -30%)

}

}

@-webkit-keyframes edublink-sm-x-move {

0% {

-webkit-transform:translate(-50%, 0);

transform:translate(-50%, 0)

}

100% {

-webkit-transform:translate(50%, 0);

transform:translate(50%, 0)

}

}

@keyframes edublink-sm-x-move {

0% {

-webkit-transform:translate(-50%, 0);

transform:translate(-50%, 0)

}

100% {

-webkit-transform:translate(50%, 0);

transform:translate(50%, 0)

}

}

@-webkit-keyframes edublink-sm-x-reverse-move {

0% {

-webkit-transform:translate(50%, 0);

transform:translate(50%, 0)

}

100% {

-webkit-transform:translate(-50%, 0);

transform:translate(-50%, 0)

}

}

@keyframes edublink-sm-x-reverse-move {

0% {

-webkit-transform:translate(50%, 0);

transform:translate(50%, 0)

}

100% {

-webkit-transform:translate(-50%, 0);

transform:translate(-50%, 0)

}

}

@-webkit-keyframes edublink-rotate-y {

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

100% {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

@-webkit-keyframes edublink-rotate-x {

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

@keyframes edublink-rotate-x {

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

@keyframes edublink-rotate-y {

0% {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

100% {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

@-webkit-keyframes edublink-zoom1 {

0% {

-webkit-transform:scale(.9);

transform:scale(.9)

}

100% {

-webkit-transform:scale(1.5);

transform:scale(1.5)

}

}

@-webkit-keyframes edublink-zoom2 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

100% {

-webkit-transform:scale(1.5);

transform:scale(1.5)

}

}

@keyframes edublink-zoom2 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

100% {

-webkit-transform:scale(1.5);

transform:scale(1.5)

}

}

@-webkit-keyframes edublink-zoom1 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

100% {

-webkit-transform:scale(1.25);

transform:scale(1.25)

}

}

@keyframes edublink-zoom1 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

100% {

-webkit-transform:scale(1.25);

transform:scale(1.25)

}

}

@-webkit-keyframes headerSlideDown {

0% {

margin-top:-100px

}

to {

margin-top:0

}

}

@keyframes headerSlideDown {

0% {

margin-top:-100px

}

to {

margin-top:0

}

}

@-webkit-keyframes slideFadeInUp {

from {

opacity:0;

-webkit-transform:translate3d(0, 20%, 0);

transform:translate3d(0, 20%, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes slideFadeInUp {

from {

opacity:0;

-webkit-transform:translate3d(0, 20%, 0);

transform:translate3d(0, 20%, 0)

}

to {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.slideFadeInUp { -webkit-animation-name: slideFadeInUp; animation-name: slideFadeInUp }

@-webkit-keyframes moveVertical {

to {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes moveVertical {

to {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@-webkit-keyframes scrollDown {

0% {

opacity:0

}

10% {

-webkit-transform:translateY(0);

transform:translateY(0);

opacity:1

}

100% {

-webkit-transform:translateY(10px);

transform:translateY(10px);

opacity:0

}

}

@keyframes scrollDown {

0% {

opacity:0

}

10% {

-webkit-transform:translateY(0);

transform:translateY(0);

opacity:1

}

100% {

-webkit-transform:translateY(10px);

transform:translateY(10px);

opacity:0

}

}

@-webkit-keyframes ripple {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

75% {

-webkit-transform:scale(1.75);

transform:scale(1.75);

opacity:1

}

100% {

-webkit-transform:scale(2);

transform:scale(2);

opacity:0

}

}

@keyframes ripple {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

75% {

-webkit-transform:scale(1.75);

transform:scale(1.75);

opacity:1

}

100% {

-webkit-transform:scale(2);

transform:scale(2);

opacity:0

}

}

@-webkit-keyframes ripple_2 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

75% {

-webkit-transform:scale(3);

transform:scale(3);

opacity:1

}

100% {

-webkit-transform:scale(4);

transform:scale(4);

opacity:0

}

}

@keyframes ripple_2 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

75% {

-webkit-transform:scale(3);

transform:scale(3);

opacity:1

}

100% {

-webkit-transform:scale(4);

transform:scale(4);

opacity:0

}

}

@-webkit-keyframes ripple_3 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.15);

transform:scale(1.15);

opacity:1

}

100% {

-webkit-transform:scale(1.3);

transform:scale(1.3);

opacity:0

}

}

@keyframes ripple_3 {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.15);

transform:scale(1.15);

opacity:1

}

100% {

-webkit-transform:scale(1.3);

transform:scale(1.3);

opacity:0

}

}

@-webkit-keyframes radiusChange {

0% {

border-radius:0 0 0 0

}

40% {

border-radius:50px 0 100px 0

}

80% {

border-radius:0 50px 0 100px

}

100% {

border-radius:0 0 0 0

}

}

@keyframes radiusChange {

0% {

border-radius:0 0 0 0

}

40% {

border-radius:50px 0 100px 0

}

80% {

border-radius:0 50px 0 100px

}

100% {

border-radius:0 0 0 0

}

}

@-webkit-keyframes radiusChange2 {

0% {

border-radius:0 0 0 0

}

25% {

border-radius:50px 0

}

50% {

border-radius:0 0 0 0

}

75% {

border-radius:0 50px

}

100% {

border-radius:50px 0

}

}

@keyframes radiusChange2 {

0% {

border-radius:0 0 0 0

}

25% {

border-radius:50px 0

}

50% {

border-radius:0 0 0 0

}

75% {

border-radius:0 50px

}

100% {

border-radius:50px 0

}

}

.edu-accordion .accordion-item { margin-bottom: 30px; border: 1px solid var(--color-border) }

.edu-accordion .accordion-item:last-child { margin-bottom: 0 }

.edu-accordion .accordion-item .accordion-button { font-size: 18px; color: var(--color-heading); font-weight: var(--p-semi-bold); background-color: transparent; border: none; padding: 28px 30px; box-shadow: none }

.edu-accordion .accordion-item .accordion-button:focus { border: none; box-shadow: none }

.edu-accordion .accordion-item .accordion-button:after { background-image: none; content: "\e95d"; font-family: var(--font-icomoon); font-size: 22px; font-weight: 500; height: auto; width: auto }

.edu-accordion .accordion-item .accordion-button.collapsed:after { content: "\e95c" }

.edu-accordion .accordion-body { padding: 0 }

.edu-accordion .accordion-body .course-lesson { border: none; padding: 0 }

.edu-accordion .accordion-body .course-lesson ul li { padding: 14px 30px }

.edu-accordion .accordion-body .course-lesson ul li:last-child { border-bottom: none }

@-webkit-keyframes border-transform {

0%, 100% {

border-radius:63% 37% 54% 46% / 55% 48% 52% 45%

}

14% {

border-radius:40% 60% 54% 46% / 49% 60% 40% 51%

}

28% {

border-radius:54% 46% 38% 62% / 49% 70% 30% 51%

}

42% {

border-radius:61% 39% 55% 45% / 61% 38% 62% 39%

}

56% {

border-radius:61% 39% 67% 33% / 70% 50% 50% 30%

}

70% {

border-radius:50% 50% 34% 66% / 56% 68% 32% 44%

}

84% {

border-radius:46% 54% 50% 50% / 35% 61% 39% 65%

}

}

.paginacontainer { height: 3000px }

.rn-progress-parent { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255,71,87,.2); z-index: 10000; opacity: 0; visibility: hidden; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear }

.rn-progress-parent.rn-backto-top-active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }

.rn-progress-parent::after { position: absolute; font-family: 'remixicon'!important; content: "\ea78"; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-secondary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear }

.rn-progress-parent:hover::after { color: var(--color-secondary) }

.rn-progress-parent:hover::before { opacity: 1 }

.rn-progress-parent svg path { fill: none }

.rn-progress-parent svg.rn-back-circle path { stroke: var(--color-secondary); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear }

.edu-breadcrumb-area { background-color: #f5f9fa; padding: 95px 0 85px; position: relative; z-index: 1; overflow: hidden }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-breadcrumb-area { padding: 70px 0 60px }

}



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

.edu-breadcrumb-area { padding: 55px 0 45px }

}

.edu-breadcrumb-area .breadcrumb-inner { text-align: center }

.edu-breadcrumb-area .page-title .pre-title { margin-bottom: 15px; letter-spacing: 1px; display: block }

.edu-breadcrumb-area .page-title .title { margin-bottom: 12px }



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

.edu-breadcrumb-area .page-title .title { font-size: 30px }

}



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

.edu-breadcrumb-area .page-title .title { font-size: 26px }

}

.edu-breadcrumb-area .edu-breadcrumb { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--font-secondary) }

.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item { color: var(--color-heading); font-size: 16px; font-weight: var(--p-medium) }

.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a { color: var(--color-heading) }

.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover { color: var(--color-primary) }

.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item.active { font-weight: var(--p-semi-bold) }

.edu-breadcrumb-area .edu-breadcrumb li.separator i { font-size: 16px; font-weight: var(--p-bold); margin: 0 10px; color: var(--color-heading); position: relative; display: inline-block; top: 2px }

.edu-breadcrumb-area .course-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: -20px; margin-left: -20px }



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

.edu-breadcrumb-area .course-meta { display: block; margin-top: 20px }

}

.edu-breadcrumb-area .course-meta li { margin-right: 20px; margin-left: 20px; font-weight: 500; color: var(--color-heading); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative }

.edu-breadcrumb-area .course-meta li:after { content: ""; height: 19px; width: 1px; background-color: #dbdbdb; position: absolute; top: 4px; right: -20px }



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

.edu-breadcrumb-area .course-meta li:after { display: none }

}

.edu-breadcrumb-area .course-meta li:last-child:after { display: none }

.edu-breadcrumb-area .course-meta li i { padding-right: 14px; font-size: 24px; color: var(--color-primary) }

.edu-breadcrumb-area .course-meta .course-rating .rating { margin-right: 8px }

.edu-breadcrumb-area .course-meta .course-rating .rating i { font-size: 15px; color: #f8b81f; padding: 0 }



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

.edu-breadcrumb-area .shape-group { display: none }

}

.edu-breadcrumb-area .shape-group li { position: absolute; z-index: -1 }

.edu-breadcrumb-area .shape-group li.shape-1 { top: -315px; left: -60px }

.edu-breadcrumb-area .shape-group li.shape-2 { top: 60px; left: 11% }

.edu-breadcrumb-area .shape-group li.shape-3 { bottom: 120px; right: 13%; z-index: 1 }

.edu-breadcrumb-area .shape-group li.shape-4 { top: 30px; right: -180px }

.edu-breadcrumb-area .shape-group li.shape-5 { top: -70px; right: -88px }

.breadcrumb-style-2 { position: relative; z-index: 1; padding: 190px 0 180px }



@media only screen and (min-width:768px) and (max-width:991px) {

.breadcrumb-style-2 { padding: 150px 0 140px }

}



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

.breadcrumb-style-2 { padding: 100px 0 90px }

}



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

.breadcrumb-style-2 { padding: 80px 0 70px }

}

.breadcrumb-style-2:before { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 }

.breadcrumb-style-2 .page-title { width: 70%; margin: 0 auto }



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

.breadcrumb-style-2 .page-title { width: 100% }

}

.breadcrumb-style-2 .page-title .title { color: var(--color-white) }

.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item { color: var(--color-white) }

.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a { color: var(--color-white) }

.breadcrumb-style-2 .edu-breadcrumb li.separator i { color: var(--color-white) }

.breadcrumb-style-3 { padding: 5px 0 90px }



@media only screen and (min-width:768px) and (max-width:991px) {

.breadcrumb-style-3 { padding: 5px 0 70px }

}



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

.breadcrumb-style-3 { padding: 5px 0 70px }

}

.breadcrumb-style-3 .breadcrumb-inner { text-align: left }

.breadcrumb-style-3 .breadcrumb-inner .page-title { width: 55% }



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

.breadcrumb-style-3 .breadcrumb-inner .page-title { width: 100% }

}

.breadcrumb-style-3 .breadcrumb-inner .page-title .title { font-size: 36px; margin-bottom: 4px; line-height: 1.4 }



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

.breadcrumb-style-3 .breadcrumb-inner .page-title .title { font-size: 30px }

}



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

.breadcrumb-style-3 .breadcrumb-inner .page-title .title { font-size: 26px }

}

.breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 55px }



@media only screen and (min-width:768px) and (max-width:991px) {

.breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb { margin-bottom: 40px }

}



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

.breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb { margin-bottom: 40px }

}

.breadcrumb-style-3 .breadcrumb-inner .course-meta { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }

.breadcrumb-style-3 .shape-group li.shape-2 { left: 7% }

.breadcrumb-style-3 .shape-group li.shape-2 img { width: 160px }

.breadcrumb-style-4 { padding: 110px 0 105px }



@media only screen and (min-width:768px) and (max-width:991px) {

.breadcrumb-style-4 { padding: 80px 0 }

}



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

.breadcrumb-style-4 { padding: 60px 0 }

}

.breadcrumb-style-4 .page-title .title { width: 75%; margin: 0 auto 5px }

.breadcrumb-style-4 .course-meta li { font-weight: 400; color: var(--color-body) }



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

.breadcrumb-style-4 .course-meta li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}

.breadcrumb-style-4 .course-meta li i { font-size: 18px }

.breadcrumb-style-5 { padding: 0; padding-top: 18px; background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245,241,235,.3) 100%); background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245,241,235,.3) 100%) }

.breadcrumb-style-5 .edu-breadcrumb { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: -10px 0 }

a.btn-transparent, button.btn-transparent { font-weight: 600; font-size: 18px; line-height: 28px; color: var(--color-textSecondary); display: inline-block; position: relative; -webkit-transition: 0.3s; transition: 0.3s }

a.btn-transparent::after, button.btn-transparent::after { position: absolute; content: ""; left: auto; right: 0; bottom: 0; width: 0; height: 2px; background: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }

a.btn-transparent i, button.btn-transparent i { padding-left: 6px; top: -1px; position: relative; font-size: 12px }

a.btn-transparent:hover, button.btn-transparent:hover { color: var(--color-primary) }

a.btn-transparent:hover::after, button.btn-transparent:hover::after { width: 100%; left: 0; right: auto }

a.edu-btn, button.edu-btn { text-align: center; border-radius: 5px; display: inline-block; height: 60px; line-height: 62px; color: var(--color-white); background: var(--color-primary); padding: 0 30px; font-size: 15px; font-weight: 500; -webkit-transition: 0.4s; transition: 0.4s; font-family: var(--font-secondary); border: 0 none; overflow: hidden; position: relative; z-index: 1 }



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

a.edu-btn, button.edu-btn { padding: 0 20px; font-size: 14px; height: 50px; line-height: 52px }

}

a.edu-btn:after, button.edu-btn:after { content: ""; height: 100%; width: 0; background: -webkit-linear-gradient(right, #31b978 0%, #1ab69d 100%); background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%); border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s }

a.edu-btn i, button.edu-btn i { padding-left: 6px; position: relative; font-size: 11px }



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

a.edu-btn i, button.edu-btn i { font-size: 9px }

}

a.edu-btn:hover:after, button.edu-btn:hover:after { left: 0; width: 100% }

a.edu-btn.btn-large, button.edu-btn.btn-large { padding: 0 40px }

a.edu-btn.btn-large i, button.edu-btn.btn-large i { top: 0; padding-left: 10px }

a.edu-btn.btn-medium, button.edu-btn.btn-medium { height: 50px; line-height: 51px; padding: 0 25px }

a.edu-btn.btn-small, button.edu-btn.btn-small { height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px }

a.edu-btn.left-icon i, button.edu-btn.left-icon i { padding-left: 0; padding-right: 10px }

a.edu-btn.btn-curved, button.edu-btn.btn-curved { border-radius: 30px 5px }

a.edu-btn.btn-curved:hover, button.edu-btn.btn-curved:hover { border-radius: 5px 30px }

a.edu-btn.curved-medium, button.edu-btn.curved-medium { border-radius: 20px 5px; padding: 0 40px }

a.edu-btn.curved-medium:hover, button.edu-btn.curved-medium:hover { border-radius: 5px 25px }

a.edu-btn.btn-secondary, button.edu-btn.btn-secondary { background: var(--color-secondary); color: var(--color-white) }

a.edu-btn.btn-secondary:hover, button.edu-btn.btn-secondary:hover { color: var(--color-white); background: var(--color-primary) }

a.edu-btn.btn-border, button.edu-btn.btn-border { background-color: transparent; border: 1px solid var(--color-border); color: var(--color-heading); padding: 0 25px }

a.edu-btn.btn-border:after, button.edu-btn.btn-border:after { display: none }

a.edu-btn.btn-border:hover, button.edu-btn.btn-border:hover { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white) }

.button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -5px }

.button-group a { margin: 5px }

.wishlist-btn { background: rgba(255,255,255,.15); width: 40px; height: 40px; line-height: 45px; text-align: center; border-radius: 50%; border: 0 none; -webkit-transition: var(--transition); transition: var(--transition) }

.wishlist-btn i { color: var(--color-white); font-size: 19px; -webkit-transition: var(--transition); transition: var(--transition) }

.wishlist-btn:hover { background-color: var(--color-secondary) }

.wishlist-btn.btn-outline-dark { height: 50px; width: 50px; line-height: 55px; border: 1px solid #e5e5e5; color: var(--color-heading); pointer-events: all }

.wishlist-btn.btn-outline-dark i { color: var(--color-heading) }

.wishlist-btn.btn-outline-dark:hover { border-color: var(--color-secondary) }

.wishlist-btn.btn-outline-dark:hover i { color: var(--color-white) }

.btn-icon-round { text-align: center; height: 60px; width: 60px; line-height: 60px; background-color: var(--color-primary); border-radius: 50%; color: var(--color-white); font-size: 12px }

.btn-icon-round:hover { color: var(--color-white); background-color: var(--color-secondary) }

.countdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.countdown .countdown-section { margin-right: 10px; text-align: center }

.countdown .countdown-section:last-child { margin-right: 0 }

.countdown .countdown-number { font-size: 20px; font-weight: var(--p-semi-bold); line-height: 1; margin-bottom: 10px; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 50% }

.countdown .countdown-number.day { background-color: rgba(26,182,157,.1); color: var(--color-primary) }

.countdown .countdown-number.hour { background-color: rgba(238,74,98,.1); color: var(--color-secondary) }

.countdown .countdown-number.minute { background-color: rgba(142,86,255,.1); color: var(--color-extra02) }

.countdown .countdown-number.second { background-color: rgba(248,148,31,.1); color: var(--color-extra05) }

.countdown .countdown-unit { line-height: 1; font-size: 15px; font-weight: var(--p-medium); color: var(--color-body) }

.coming-countdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

.coming-countdown .countdown-section { margin: 0 30px; position: relative; min-width: 80px }

.coming-countdown .countdown-section:after { content: ":"; font-size: 30px; color: var(--color-white); font-weight: var(--s-bold); position: absolute; right: -30px; top: -9px }

.coming-countdown .countdown-section:last-child:after { display: none }

.coming-countdown .countdown-number { margin-bottom: 0; font-size: 50px; font-weight: var(--p-bold); color: var(--color-white); font-family: var(--font-secondary); line-height: 1 }

.coming-countdown .countdown-unit { font-size: 15px; font-weight: 500; color: rgba(255,255,255,.6) }

.edu-course-widget { background-color: #f5f9fa; border-radius: 5px; padding: 38px 30px 20px; margin-bottom: 50px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.edu-course-widget { padding: 38px 20px 20px }

}



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

.edu-course-widget { margin-bottom: 30px }

}

.edu-course-widget:last-child { margin-bottom: 0 }

.edu-course-widget .widget-title { margin-bottom: 0 }

.edu-course-widget .widget-title.widget-toggle { position: relative; cursor: pointer }

.edu-course-widget .widget-title.widget-toggle:after { content: "\e91e"; font-family: var(--font-icomoon); font-size: 6px; position: absolute; top: 8px; right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course-widget .content { padding-top: 10px }

.edu-course-widget .content .edu-form-check { position: relative; margin: 20px 0 }

.edu-course-widget .content .edu-form-check label span { margin-left: 2px }

.edu-course-widget.collapsed .widget-title.widget-toggle:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) }

.edu-course-widget.widget-rating .content .edu-form-check label i { color: #eda803 }

.edu-course-widget.widget-rating .content .edu-form-check label i.off { color: #c8cbcc }

.edu-course-widget.widget-course-summery { padding: 15px }

.edu-course-widget.widget-course-summery .widget-title { margin-bottom: 16px }

.edu-course-widget.widget-course-summery .thumbnail { position: relative; margin-bottom: 10px }

.edu-course-widget.widget-course-summery .thumbnail:after { content: ""; height: 100%; width: 100%; background-color: var(--color-black); border-radius: 5px; opacity: .3; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }

.edu-course-widget.widget-course-summery .thumbnail img { border-radius: 5px; width: 100% }

.edu-course-widget.widget-course-summery .thumbnail .play-btn { display: inline-block; text-align: center; width: 70px; height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: var(--color-white); -webkit-transition: var(--transition); transition: var(--transition); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; color: var(--color-secondary); font-size: 18px }

.edu-course-widget.widget-course-summery .thumbnail .play-btn i { margin-left: 5px }

.edu-course-widget.widget-course-summery .thumbnail .play-btn:hover { background-color: var(--color-primary); color: var(--color-white) }

.edu-course-widget.widget-course-summery .content { padding: 30px 25px 25px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.edu-course-widget.widget-course-summery .content { padding: 30px 10px 25px }

}



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

.edu-course-widget.widget-course-summery .content { padding: 30px 10px 25px }

}

.edu-course-widget.widget-course-summery .content .course-item li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; color: var(--color-heading); border-bottom: 1px solid var(--color-border); padding: 15px 0; margin: 0 }

.edu-course-widget.widget-course-summery .content .course-item li:last-child { border-bottom: none }

.edu-course-widget.widget-course-summery .content .course-item li i { font-size: 24px; padding-right: 15px; max-width: 35px }

.edu-course-widget.widget-course-summery .content .course-item li svg { margin-right: 15px; max-width: 35px }

.edu-course-widget.widget-course-summery .content .course-item li .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: var(--font-secondary) }

.edu-course-widget.widget-course-summery .content .course-item li .price { font-size: 20px; font-weight: var(--p-semi-bold); color: var(--color-secondary) }

.edu-course-widget.widget-course-summery .content .read-more-btn { margin-top: 24px; margin-bottom: 30px }

.edu-course-widget.widget-course-summery .content .read-more-btn .edu-btn { width: 100% }

.edu-course-widget.widget-course-summery .content .share-area .title { margin-bottom: 15px }

.edu-course-widget.widget-course-summery .content .share-area .social-share { margin: -8px }

.edu-course-widget.widget-course-summery .content .share-area .social-share li { margin: 8px }

.edu-course-widget.widget-course-summery .content .share-area .social-share li a { height: 40px; width: 40px; line-height: 40px }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-course-sidebar { margin-bottom: 50px }

}



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

.edu-course-sidebar { margin-bottom: 50px }

}

.course-sidebar-2 { background-color: var(--color-white); border-radius: 5px; box-shadow: 0 0 40px 0 rgba(0,0,0,.07) }



@media only screen and (min-width:768px) and (max-width:991px) {

.course-sidebar-2 { margin-bottom: 50px }

}



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

.course-sidebar-2 { margin-bottom: 50px }

}

.course-sidebar-2 .edu-course-widget { background-color: transparent; margin-bottom: 0; padding-bottom: 0 }

.course-sidebar-2 .edu-course-widget .inner { border-bottom: 1px solid var(--color-border); padding-bottom: 15px }

.course-sidebar-2 .edu-course-widget:last-child .inner { border-bottom: none }

.course-sidebar-3 .edu-blog-widget, .course-sidebar-3 .edu-course-widget { background-color: var(--color-white); border-radius: 5px; box-shadow: 0 10px 50px 0 rgba(26,46,85,.07); margin-bottom: 30px }

.course-sidebar-3 .edu-blog-widget:last-child, .course-sidebar-3 .edu-course-widget:last-child { margin-bottom: 0 }

.course-sidebar-3 .edu-blog-widget { padding: 40px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.course-sidebar-3 .edu-blog-widget { padding: 40px 25px }

}



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

.course-sidebar-3 .edu-blog-widget { padding: 40px 25px }

}

.course-sidebar-3 .edu-blog-widget .widget-title { margin-bottom: 40px }



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

.course-sidebar-3 { margin-top: 50px }

}



@media only screen and (min-width:992px) {

.sidebar-top-position { margin-top: -365px; position: relative; z-index: 2 }

}

.edu-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 70px }

.edu-pagination li { margin: 0 2px }

.edu-pagination li a { width: 50px; height: 50px; line-height: 50px; display: block; border-radius: 50%; text-align: center; color: var(--color-heading); -webkit-transition: var(--transition); transition: var(--transition); font-size: 18px; font-weight: 600; position: relative; z-index: 1 }

.edu-pagination li a:before { content: ""; height: 100%; width: 100%; background: var(--gradient-primary); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: var(--transition); transition: var(--transition); z-index: -1; opacity: 0 }

.edu-pagination li a i { font-weight: 700; position: relative; top: 2px }

.edu-pagination li.active a, .edu-pagination li:hover a { color: var(--color-white) }

.edu-pagination li.active a:before, .edu-pagination li:hover a:before { opacity: 1 }

.edu-pagination li.more-next a { position: relative }

.edu-pagination li.more-next a:after { content: ". . ."; font-size: 18px; font-weight: 700; position: absolute; top: 40%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) }

.edu-pagination.top-space-30 { padding-top: 30px }

[data-sal] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: var(--sal-duration, 0.2s); transition-duration: var(--sal-duration, 0.2s); -webkit-transition-delay: var(--sal-delay, 0s); transition-delay: var(--sal-delay, 0s); -webkit-transition-timing-function: var(--sal-easing, ease); transition-timing-function: var(--sal-easing, ease) }

[data-sal][data-sal-duration='200'] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s }

[data-sal][data-sal-duration='250'] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s }

[data-sal][data-sal-duration='300'] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s }

[data-sal][data-sal-duration='350'] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s }

[data-sal][data-sal-duration='400'] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s }

[data-sal][data-sal-duration='450'] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s }

[data-sal][data-sal-duration='500'] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s }

[data-sal][data-sal-duration='550'] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s }

[data-sal][data-sal-duration='600'] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s }

[data-sal][data-sal-duration='650'] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s }

[data-sal][data-sal-duration='700'] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s }

[data-sal][data-sal-duration='750'] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s }

[data-sal][data-sal-duration='800'] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s }

[data-sal][data-sal-duration='850'] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s }

[data-sal][data-sal-duration='900'] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s }

[data-sal][data-sal-duration='950'] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s }

[data-sal][data-sal-duration='1000'] { -webkit-transition-duration: 1s; transition-duration: 1s }

[data-sal][data-sal-duration='1050'] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s }

[data-sal][data-sal-duration='1100'] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s }

[data-sal][data-sal-duration='1150'] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s }

[data-sal][data-sal-duration='1200'] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s }

[data-sal][data-sal-duration='1250'] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s }

[data-sal][data-sal-duration='1300'] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s }

[data-sal][data-sal-duration='1350'] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s }

[data-sal][data-sal-duration='1400'] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s }

[data-sal][data-sal-duration='1450'] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s }

[data-sal][data-sal-duration='1500'] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s }

[data-sal][data-sal-duration='1550'] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s }

[data-sal][data-sal-duration='1600'] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s }

[data-sal][data-sal-duration='1650'] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s }

[data-sal][data-sal-duration='1700'] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s }

[data-sal][data-sal-duration='1750'] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s }

[data-sal][data-sal-duration='1800'] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s }

[data-sal][data-sal-duration='1850'] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s }

[data-sal][data-sal-duration='1900'] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s }

[data-sal][data-sal-duration='1950'] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s }

[data-sal][data-sal-duration='2000'] { -webkit-transition-duration: 2s; transition-duration: 2s }

[data-sal][data-sal-delay='50'] { -webkit-transition-delay: 0.05s; transition-delay: 0.05s }

[data-sal][data-sal-delay='100'] { -webkit-transition-delay: 0.1s; transition-delay: 0.1s }

[data-sal][data-sal-delay='150'] { -webkit-transition-delay: 0.15s; transition-delay: 0.15s }

[data-sal][data-sal-delay='200'] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s }

[data-sal][data-sal-delay='250'] { -webkit-transition-delay: 0.25s; transition-delay: 0.25s }

[data-sal][data-sal-delay='300'] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s }

[data-sal][data-sal-delay='350'] { -webkit-transition-delay: 0.35s; transition-delay: 0.35s }

[data-sal][data-sal-delay='400'] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s }

[data-sal][data-sal-delay='450'] { -webkit-transition-delay: 0.45s; transition-delay: 0.45s }

[data-sal][data-sal-delay='500'] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s }

[data-sal][data-sal-delay='550'] { -webkit-transition-delay: 0.55s; transition-delay: 0.55s }

[data-sal][data-sal-delay='600'] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s }

[data-sal][data-sal-delay='650'] { -webkit-transition-delay: 0.65s; transition-delay: 0.65s }

[data-sal][data-sal-delay='700'] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s }

[data-sal][data-sal-delay='750'] { -webkit-transition-delay: 0.75s; transition-delay: 0.75s }

[data-sal][data-sal-delay='800'] { -webkit-transition-delay: 0.8s; transition-delay: 0.8s }

[data-sal][data-sal-delay='850'] { -webkit-transition-delay: 0.85s; transition-delay: 0.85s }

[data-sal][data-sal-delay='900'] { -webkit-transition-delay: 0.9s; transition-delay: 0.9s }

[data-sal][data-sal-delay='950'] { -webkit-transition-delay: 0.95s; transition-delay: 0.95s }

[data-sal][data-sal-delay='1000'] { -webkit-transition-delay: 1s; transition-delay: 1s }

[data-sal][data-sal-easing='linear'] { -webkit-transition-timing-function: linear; transition-timing-function: linear }

[data-sal][data-sal-easing='ease'] { -webkit-transition-timing-function: ease; transition-timing-function: ease }

[data-sal][data-sal-easing='ease-in'] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in }

[data-sal][data-sal-easing='ease-out'] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }

[data-sal][data-sal-easing='ease-in-out'] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out }

[data-sal][data-sal-easing='ease-in-cubic'] { -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-timing-function: cubic-bezier(.55, .055, .675, .19) }

[data-sal][data-sal-easing='ease-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) }

[data-sal][data-sal-easing='ease-in-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1) }

[data-sal][data-sal-easing='ease-in-circ'] { -webkit-transition-timing-function: cubic-bezier(.6, .04, .98, .335); transition-timing-function: cubic-bezier(.6, .04, .98, .335) }

[data-sal][data-sal-easing='ease-out-circ'] { -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1) }

[data-sal][data-sal-easing='ease-in-out-circ'] { -webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86); transition-timing-function: cubic-bezier(.785, .135, .15, .86) }

[data-sal][data-sal-easing='ease-in-expo'] { -webkit-transition-timing-function: cubic-bezier(.95, .05, .795, .035); transition-timing-function: cubic-bezier(.95, .05, .795, .035) }

[data-sal][data-sal-easing='ease-out-expo'] { -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) }

[data-sal][data-sal-easing='ease-in-out-expo'] { -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1) }

[data-sal][data-sal-easing='ease-in-quad'] { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); transition-timing-function: cubic-bezier(.55, .085, .68, .53) }

[data-sal][data-sal-easing='ease-out-quad'] { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94) }

[data-sal][data-sal-easing='ease-in-out-quad'] { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955) }

[data-sal][data-sal-easing='ease-in-quart'] { -webkit-transition-timing-function: cubic-bezier(.895, .03, .685, .22); transition-timing-function: cubic-bezier(.895, .03, .685, .22) }

[data-sal][data-sal-easing='ease-out-quart'] { -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1) }

[data-sal][data-sal-easing='ease-in-out-quart'] { -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1) }

[data-sal][data-sal-easing='ease-in-quint'] { -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06); transition-timing-function: cubic-bezier(.755, .05, .855, .06) }

[data-sal][data-sal-easing='ease-out-quint'] { -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1) }

[data-sal][data-sal-easing='ease-in-out-quint'] { -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1); transition-timing-function: cubic-bezier(.86, 0, .07, 1) }

[data-sal][data-sal-easing='ease-in-sine'] { -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715); transition-timing-function: cubic-bezier(.47, 0, .745, .715) }

[data-sal][data-sal-easing='ease-out-sine'] { -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1); transition-timing-function: cubic-bezier(.39, .575, .565, 1) }

[data-sal][data-sal-easing='ease-in-out-sine'] { -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95); transition-timing-function: cubic-bezier(.445, .05, .55, .95) }

[data-sal][data-sal-easing='ease-in-back'] { -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045); transition-timing-function: cubic-bezier(.6, -.28, .735, .045) }

[data-sal][data-sal-easing='ease-out-back'] { -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) }

[data-sal][data-sal-easing='ease-in-out-back'] { -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) }

[data-sal|='fade'] { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity }

[data-sal|='fade'].sal-animate, body.sal-disabled [data-sal|='fade'] { opacity: 1 }

[data-sal|='slide'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform }

[data-sal='slide-up'] { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%) }

[data-sal='slide-down'] { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%) }

[data-sal='slide-left'] { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%) }

[data-sal='slide-right'] { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%) }

[data-sal|='slide'].sal-animate, body.sal-disabled [data-sal|='slide'] { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }

[data-sal|='zoom'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform }

[data-sal='zoom-in'] { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }

[data-sal='zoom-out'] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

[data-sal|='zoom'].sal-animate, body.sal-disabled [data-sal|='zoom'] { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }

[data-sal|='flip'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform }

[data-sal='flip-left'] { -webkit-transform: perspective(2000px) rotateY(-91deg); transform: perspective(2000px) rotateY(-91deg) }

[data-sal='flip-right'] { -webkit-transform: perspective(2000px) rotateY(91deg); transform: perspective(2000px) rotateY(91deg) }

[data-sal='flip-up'] { -webkit-transform: perspective(2000px) rotateX(-91deg); transform: perspective(2000px) rotateX(-91deg) }

[data-sal='flip-down'] { -webkit-transform: perspective(2000px) rotateX(91deg); transform: perspective(2000px) rotateX(91deg) }

[data-sal|='flip'].sal-animate, body.sal-disabled [data-sal|='flip'] { -webkit-transform: none; -ms-transform: none; transform: none }

.section-title { margin-bottom: 44px }



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

.section-title { margin-bottom: 40px }

}

.section-title .pre-title { font-weight: 500; display: inline-block; text-transform: uppercase; margin-bottom: 14px; letter-spacing: 1px }

.section-title .pre-title.pre-textsecondary { color: var(--color-secondary) }

.section-title .title { margin-bottom: 4px }



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

.section-title .title br { display: none }

}

.section-title .shape-line { display: block; color: var(--color-primary) }

.section-title p { margin-bottom: 24px; margin-top: 15px }

.section-title.section-left { text-align: left }

.section-title.section-center { text-align: center }

.section-title-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }



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

.section-title-flex { display: block; text-align: center }

}

.section-title-flex .left-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 90px; margin-bottom: 20px; position: relative }



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

.section-title-flex .left-content { text-align: center; margin-right: 0 }

}

.section-title-flex .left-content:after { content: ""; height: 83px; width: 1px; background-color: #e5e1dc; position: absolute; top: 5px; right: -45px }



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

.section-title-flex .left-content:after { display: none }

}

.section-title-flex .right-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.section-title-flex .right-content p { margin: 0; color: var(--color-heading) }

.splash-title .number { font-size: 60px; font-weight: 700; font-family: var(--font-secondary); line-height: 1; margin-bottom: 5px; background: #31B978; background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%); background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }



@media only screen and (min-width:768px) and (max-width:991px) {

.splash-title .number { font-size: 50px }

}



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

.splash-title .number { font-size: 40px }

}

.splash-title .pre-title { font-size: 16px; font-weight: 700; background: #31B978; background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%); background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.splash-title .title { font-size: 40px }



@media only screen and (min-width:768px) and (max-width:991px) {

.splash-title .title { font-size: 36px }

}



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

.splash-title .title { font-size: 30px }

}

.slick-list { margin: 0 -15px }

.slick-list .slick-slide { padding: 0 15px }

.slick-nav-dot.slick-dotted { margin-bottom: 60px }

.slick-nav-dot .slick-dots { bottom: -60px }

.slick-nav-dot .slick-dots li { height: 10px; width: 10px; margin: 0 6px }

.slick-nav-dot .slick-dots li button { height: 7px; width: 7px; background-color: var(--color-primary); border-radius: 50%; opacity: .3; padding: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.slick-nav-dot .slick-dots li button:before { display: none }

.slick-nav-dot .slick-dots li.slick-active button { opacity: 1 }

.slick-arrow-nav .slick-arrow { display: inline-block; height: 60px; width: 60px; border: 1px solid var(--color-border); border-radius: 50%; margin-right: 10px; font-size: 24px; color: var(--color-heading); -webkit-transition: var(--transition); transition: var(--transition) }



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

.slick-arrow-nav .slick-arrow { height: 45px; width: 45px; line-height: 45px; font-size: 18px }

}

.slick-arrow-nav .slick-arrow:last-child { margin-right: 0 }

.slick-arrow-nav .slick-arrow:before { display: none }

.slick-arrow-nav .slick-arrow:after { content: ""; height: 100%; width: 100%; background: var(--gradient-primary); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.slick-arrow-nav .slick-arrow:hover { color: var(--color-white); border-color: var(--color-primary) }

.slick-arrow-nav .slick-arrow:hover:after { visibility: visible; opacity: 1 }

.slick-arrow-nav.slick-custom-arrow { margin-top: 25px }

.slick-arrow-nav.slick-custom-arrow .slick-arrow { position: relative; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none }

.slick-arrow-nav.nav-style-two .slick-arrow { z-index: 1; background-color: var(--color-white); border: none }

.slick-arrow-nav.nav-style-two .slick-arrow:after { background: -webkit-linear-gradient(220deg, #31b978 0%, #1ab69d 100%); background: linear-gradient(-130deg, #31b978 0%, #1ab69d 100%) }

.slick-arrow-nav.nav-style-two .slick-arrow.slick-prev { left: 30px }

.slick-arrow-nav.nav-style-two .slick-arrow.slick-next { right: 30px }

.social-share { margin: -10px; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }

.social-share li { margin: 10px }

.social-share li a { border: 1px solid var(--color-border); border-radius: 50%; width: 46px; height: 46px; line-height: 46px; display: inline-block; font-size: 16px; color: var(--color-body); -webkit-transition: 0.3s; transition: 0.3s; text-align: center }

.social-share li a:hover { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white) }

.social-share.icon-transparent { margin: 0 -15px }

.social-share.icon-transparent li { margin: 0 15px }

.social-share.icon-transparent li a { height: auto; width: auto; color: var(--color-body); -webkit-transition: 0.4s; transition: 0.4s; line-height: initial; font-size: 18px; border: none; border-radius: 0 }

.social-share.icon-transparent li a:hover { color: var(--color-primary); background-color: transparent }

.about-image-gallery { position: relative; padding: 90px 0 60px }



@media only screen and (min-width:768px) and (max-width:991px) {

.about-image-gallery { text-align: center }

}

.about-image-gallery img { border-radius: 10px }

.about-image-gallery .video-box { position: absolute; top: 0; right: 40px }



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

.about-image-gallery .video-box { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); right: 0 }

}

.about-image-gallery .video-box .inner { padding: 20px; background-color: var(--color-white); border-radius: 10px; box-shadow: 0 40px 70px rgba(27,20,78,.1) }

.about-image-gallery .video-box .inner .thumb { position: relative; text-align: center }

.about-image-gallery .video-box .inner .thumb img { border-radius: 6px }

.about-image-gallery .video-box .inner .thumb .popup-icon { cursor: pointer; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; height: 60px; width: 60px; line-height: 62px; background-color: var(--color-white); border-radius: 50%; color: var(--color-secondary); font-size: 18px }

.about-image-gallery .video-box .inner .thumb .popup-icon i { margin-left: 5px }

.about-image-gallery .video-box .inner .thumb .popup-icon:hover { background-color: var(--color-primary); color: var(--color-white) }

.about-image-gallery .video-box .inner .loading-bar { margin: -20px 0; padding-top: 20px }

.about-image-gallery .video-box .inner .loading-bar span { display: block; height: 7px; background-color: #eaf0f2; border-radius: 10px; margin: 20px 0 }

.about-image-gallery .video-box .inner .loading-bar span:first-child { width: 80% }

.about-image-gallery .video-box .inner .loading-bar span:nth-child(2n) { width: 45% }

.about-image-gallery .award-status { position: absolute; right: 70px; bottom: 0 }



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

.about-image-gallery .award-status { right: 0 }

}

.about-image-gallery .award-status .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 22px 20px 18px 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 40px 70px rgba(27,20,78,.1); background: #FFF; border-radius: 10px }

.about-image-gallery .award-status .inner .icon { width: 60px; height: 60px; background: rgba(26,182,157,.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-right: 15px; color: var(--color-primary); font-size: 30px }

.about-image-gallery .award-status .inner .content { text-align: left }

.about-image-gallery .award-status .inner .content .title { color: var(--color-primary); font-size: 24px; line-height: 1; margin-bottom: 0 }

.about-image-gallery .shape-group li { position: absolute; z-index: -1 }

.about-image-gallery .shape-group li.shape-1 { top: 20px; left: -100px }



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

.about-image-gallery .shape-group li.shape-1 { left: 0 }

}

.about-image-gallery .shape-group li.shape-2 { bottom: -30px; right: 130px }

.about-content { padding-left: 30px }



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

.about-content { padding-left: 0 }

}

.about-content .section-title { margin-bottom: 20px }

.about-content .features-list li { font-weight: var(--p-medium); font-family: var(--font-secondary); color: var(--color-heading); padding-left: 35px; position: relative; margin-bottom: 16px; margin-top: 16px }

.about-content .features-list li:before { content: "\e913"; font-family: 'icomoon'; color: var(--color-tertiary); font-size: 19px; position: absolute; left: 0; top: -3px }

.about-style-1, .about-style-2 { position: relative }

.about-style-1 .shape-group li, .about-style-2 .shape-group li { position: absolute; top: 107px; right: -210px; z-index: -1 }



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

.about-style-1 .shape-group li, .about-style-2 .shape-group li { right: -110px }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.about-style-1 .shape-group li, .about-style-2 .shape-group li { right: -50px }

}

.about-style-1 .shape-group li span, .about-style-2 .shape-group li span { display: block; height: 101px; width: 101px; border: 15px solid var(--color-tertiary); border-radius: 50% }



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

.about-style-1 .about-image-gallery .shape-group li { display: none }

}

.about-style-1 .about-image-gallery .shape-group li.shape-1 { top: 20px; left: -100px }

.about-style-1 .about-image-gallery .shape-group li.shape-2 { top: 4px; left: -50px }

.about-style-1 .about-image-gallery .shape-group li.shape-3 { bottom: -33px; right: 120px; top: inherit }

.about-style-2 .about-image-gallery { position: relative; padding: 80px 0 60px 70px }



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

.about-style-2 .about-image-gallery { padding: 0 }

}

.about-style-2 .about-image-gallery .author-box { position: absolute; top: 15px; right: 0; max-width: 220px }



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

.about-style-2 .about-image-gallery .author-box { display: none }

}

.about-style-2 .about-image-gallery .author-box .inner { background-color: var(--color-white); box-shadow: 0 40px 70px rgba(15,11,44,.2); padding: 40px 20px; border-radius: 10px 40px 10px 80px; text-align: center }

.about-style-2 .about-image-gallery .author-box .inner .thumb { margin-bottom: 20px }

.about-style-2 .about-image-gallery .author-box .inner .content .title { margin-bottom: 10px }

.about-style-2 .about-image-gallery .author-box .inner .content p { margin-bottom: 0 }

.about-style-2 .about-image-gallery .award-status { right: auto; left: 0 }

.about-style-2 .about-image-gallery .award-status .inner { box-shadow: 0 40px 60px rgba(15,11,44,.15); border-radius: 30px 10px 50px 10px }

.about-style-2 .about-image-gallery .award-status .inner .icon { background: rgba(238,74,98,.1); color: var(--color-secondary) }

.about-style-2 .about-image-gallery .award-status .inner .content .title { color: var(--color-secondary) }

.about-style-2 .about-image-gallery .award-status .inner .content .subtitle { color: var(--color-heading) }

.about-style-2 .about-image-gallery .shape-group li.shape-1 { top: 0; left: -55px; right: inherit }

.about-style-2 .about-image-gallery .shape-group li.shape-2 { top: 0; left: 0; bottom: inherit; right: inherit }

.about-style-2 .about-image-gallery .shape-group li.shape-3 { top: inherit; bottom: -15px; right: -5px }

.about-style-2 .about-content { padding-left: 80px }



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

.about-style-2 .about-content { padding-left: 30px }

}



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

.about-style-2 .about-content { padding-left: 0 }

}

.about-style-3 { padding: 90px 0 120px; position: relative }



@media only screen and (min-width:768px) and (max-width:991px) {

.about-style-3 { padding: 90px 0 100px }

}



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

.about-style-3 { padding: 80px 0 }

}

.about-style-3 .about-content { padding-right: 30px; padding-left: 0 }



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

.about-style-3 .about-content { padding-right: 0 }

}

.about-style-3 .about-content .section-title { margin-bottom: 34px }

.about-style-3 .about-content .nav-tabs { border-bottom: none; margin: -8px -16px; padding-bottom: 20px }

.about-style-3 .about-content .nav-tabs .nav-item { margin: 8px 16px; position: relative }

.about-style-3 .about-content .nav-tabs .nav-item:after { content: ""; height: 14px; width: 2px; background-color: #e5e5e5; position: absolute; top: 2px; right: -18px }

.about-style-3 .about-content .nav-tabs .nav-item:last-child:after { display: none }

.about-style-3 .about-content .nav-tabs .nav-link { color: var(--color-heading); font-size: 17px; font-weight: var(--p-semi-bold); font-family: var(--font-secondary); background-color: transparent; border: none; padding: 0; position: relative; padding-bottom: 1px }

.about-style-3 .about-content .nav-tabs .nav-link:after { content: ""; height: 2px; width: 0; background-color: var(--color-secondary); position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.about-style-3 .about-content .nav-tabs .nav-link:hover, .about-style-3 .about-content .nav-tabs .nav-link.active { color: var(--color-secondary) }

.about-style-3 .about-content .nav-tabs .nav-link:hover:after, .about-style-3 .about-content .nav-tabs .nav-link.active:after { width: 100%; opacity: 1 }

.about-style-3 .about-content .tab-content p { margin-bottom: 20px }

.about-style-3 .about-content .tab-content .features-list li:before { color: var(--color-secondary) }

.about-style-3 .about-image-gallery { padding: 80px 0 65px 30px }



@media only screen and (min-width:768px) and (max-width:991px) {

.about-style-3 .about-image-gallery { text-align: left; padding: 20px 0 65px }

}



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

.about-style-3 .about-image-gallery { padding: 20px 0 65px }

}



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

.about-style-3 .about-image-gallery { padding: 0 }

}

.about-style-3 .about-image-gallery .main-img-2 { position: absolute; bottom: 0; right: 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.about-style-3 .about-image-gallery .main-img-2 { right: 115px }

}



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

.about-style-3 .about-image-gallery .main-img-2 { display: none }

}

.about-style-3 .about-image-gallery .shape-group li { position: absolute; z-index: -1 }

.about-style-3 .about-image-gallery .shape-group li img { position: initial }

.about-style-3 .about-image-gallery .shape-group li.shape-1 { left: inherit; right: 95px; top: -15px }

.about-style-3 .about-image-gallery .shape-group li.shape-2 { left: inherit; bottom: inherit; right: 39px; top: 13px; z-index: -2 }

.about-style-3 .about-image-gallery .shape-group li.shape-3 { top: inherit; right: inherit; left: -2px; bottom: 33px }

.about-style-3 .about-image-gallery .shape-group li.shape-4 { right: 40px; bottom: -25px; z-index: -1 }

.about-style-3 .about-image-gallery .shape-group li.shape-4 span { display: block; height: 320px; width: 320px; border: 1px solid var(--color-border); border-radius: 50% }



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

.about-style-3 .shape-group { display: none }

}

.about-style-3 .shape-group li { position: absolute; z-index: -1 }

.about-style-3 .shape-group li img { position: initial }

.about-style-3 .shape-group li.shape-1 { left: 110px; top: 20px }



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

.about-style-3 .shape-group li.shape-1 { left: 0; top: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.about-style-3 .shape-group li.shape-1 { left: -90px }

}

.about-style-3 .shape-group li.shape-2 { top: -350px; left: 80px; z-index: -1 }



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

.about-style-3 .shape-group li.shape-2 { left: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.about-style-3 .shape-group li.shape-2 { left: -90px }

}

.about-style-3 .shape-group li.shape-2 span { display: block; height: 470px; width: 470px; border: 1px solid var(--color-border); border-radius: 50% }

.about-style-4 .about-content { padding-right: 0; padding-left: 30px }

.about-style-4 .about-content .section-title p { margin-top: 26px }

.about-style-4 .about-content .features-list { margin-bottom: 35px }

.about-style-4 .about-content .features-list li:before { color: var(--color-secondary) }

.about-style-4 .about-image-gallery { padding: 80px 0 65px; margin-right: 30px }

.about-style-4 .about-image-gallery .main-img-1 { background-color: var(--color-white); padding: 20px; display: inline-block; border-radius: 20px; box-shadow: 0 20px 40px 0 rgba(42,11,88,.1) }

.about-style-4 .about-image-gallery .main-img-2 { position: absolute; bottom: 0; right: 0 }

.about-style-4 .about-image-gallery .shape-group .shape-1 { left: inherit; right: 85px; top: 0 }

.about-style-4 .about-image-gallery .shape-group .shape-2 { right: 31px; left: inherit; top: 32px; z-index: -2; bottom: inherit }

.about-style-4 .about-image-gallery .shape-group .shape-3 { right: inherit; left: -32px; bottom: 32px }

.about-style-4 .about-image-gallery .shape-group .shape-4 { right: 70px; bottom: -25px; z-index: -1 }

.about-style-4 .about-image-gallery .shape-group .shape-4 span { display: block; height: 320px; width: 320px; border: 1px solid var(--color-border); border-radius: 50% }

.about-style-5 { position: relative }

.about-style-5 .section-title { margin-bottom: 60px }

.about-style-5 .about-image-gallery { padding: 0 }



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

.about-style-5 .about-image-gallery .shape-group { display: block }

}

.about-style-5 .about-image-gallery .shape-group li.shape-1 { top: -40px; right: -10px; left: inherit; bottom: inherit; z-index: 1 }

.about-style-5 .about-image-gallery .shape-group li.shape-2 { right: auto; left: -80px; bottom: -78px; -webkit-animation: rotateIt 10s linear infinite; animation: rotateIt 10s linear infinite }

.about-style-5 .about-content .features-list { padding-bottom: 18px }

.about-style-5 .about-content .features-list li:before { color: var(--color-secondary) }

.about-style-5 .shape-group li { position: absolute; z-index: -1 }

.about-style-5 .shape-group li.shape-1 { bottom: 80px; right: 180px }

.about-style-6 { position: relative; padding: 90px 0 50px; background-color: var(--color-white); z-index: 2 }



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

.about-style-6 { padding: 50px 0 }

}



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

.about-style-6 { padding: 20px 0 50px }

}

.about-style-6:after { content: url(../images/about/shape-32.png); position: absolute; top: -110px; left: 0; right: 0; z-index: 2 }

.about-style-6 .about-content .section-title { margin-bottom: 30px }

.about-style-6 .about-content .section-title p { margin-top: 25px }

.about-style-6 .about-content .about-mission { margin-bottom: 20px }

.about-style-6 .about-content .about-mission .title { margin-bottom: 14px }

.about-style-6 .about-content .about-mission p { margin-bottom: 25px }

.about-style-6 .about-content .about-mission .features-list li:before { color: var(--color-secondary) }

.about-style-6 .about-image-gallery { padding: 0 }

.about-style-6 .about-image-gallery .main-img-2 { text-align: right; margin-top: -240px }



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

.about-style-6 .about-image-gallery .main-img-2 { display: none }

}

.about-style-6 .about-image-gallery .shape-group .shape-1 { top: 130px; right: 35px; left: auto }

.about-style-6 .about-image-gallery .shape-group .shape-2 { bottom: 240px; right: auto; left: -15px; z-index: 1; -webkit-animation: rotateIt 10s linear infinite; animation: rotateIt 10s linear infinite }

.about-style-6 .about-image-gallery .shape-group .shape-3 { bottom: 110px; left: 20px }

.about-style-7 { position: relative }

.about-style-7 .about-image-gallery { position: relative; padding: 80px 0 0 70px }



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

.about-style-7 .about-image-gallery { padding: 0 }

}

.about-style-7 .about-image-gallery .main-img-2 { position: absolute; right: 0; top: 15px }



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

.about-style-7 .about-image-gallery .main-img-2 { display: none }

}



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

.about-style-7 .about-image-gallery .shape-group { display: none }

}

.about-style-7 .about-image-gallery .shape-group li { position: absolute; z-index: -1 }

.about-style-7 .about-image-gallery .shape-group li img { position: initial }

.about-style-7 .about-image-gallery .shape-group li.shape-1 { top: 0; left: -55px }

.about-style-7 .about-image-gallery .shape-group li.shape-2 { top: 0; left: 0; bottom: inherit; right: inherit }

.about-style-7 .about-image-gallery .shape-group li.shape-3 { bottom: -60px; right: -10px }

.about-style-7 .about-image-gallery .shape-group li.shape-4 { bottom: -80px; left: 10px; z-index: 1 }

.about-style-7 .about-content { padding-right: 80px; padding-left: 0 }



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

.about-style-7 .about-content { padding-right: 30px }

}



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

.about-style-7 .about-content { padding-right: 0 }

}

.about-style-7 .about-content .section-title p { margin-bottom:10px; margin-top:10px }

.about-style-7>.shape-group>li { position: absolute; z-index: -1; top: 75px; left: 125px; height: 100px; width: 100px; border: 16px solid #f8b81f; border-radius: 50% }



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

.about-style-7>.shape-group>li { left: 20px }

}



@media only screen and (min-width:1200px) and (max-width:1400px) {

.about-style-7>.shape-group>li { left: -20px; top: 45px }

}

.about-style-8 { position: relative }

.about-style-8:before { content: ""; height: 1030px; width: 100%; background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245,241,235,.3) 100%); background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245,241,235,.3) 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%); position: absolute; top: 0; left: 0; right: 0; z-index: -1 }

.about-style-8 .about-content { padding-right: 40px; padding-left: 0 }



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

.about-style-8 .about-content { padding-right: 0 }

}

.about-style-8 .about-content .section-title p { margin-top: 30px }

.about-style-8 .about-content .about-mission { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 45px }



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

.about-style-8 .about-content .about-mission { display: block }

}

.about-style-8 .about-content .about-mission .single-item { padding-right: 50px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }



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

.about-style-8 .about-content .about-mission .single-item { padding-right: 0; margin-bottom: 30px }

}

.about-style-8 .about-content .about-mission .single-item:last-child { padding-right: 0 }

.about-style-8 .about-content .about-mission .single-item .icon { font-size: 50px; line-height: 1; margin-bottom: 25px }

.about-style-8 .about-content .about-mission .single-item .icon.color-extra02 { color: var(--color-extra02) }

.about-style-8 .about-content .about-mission .single-item .icon.color-extra06 { color: var(--color-extra06) }

.about-style-8 .about-content .about-mission .single-item .title { margin-bottom: 10px }

.about-style-8 .about-image-gallery { padding: 0 }

.about-style-8 .about-image-gallery .thumbnail img { width: 100% }

.about-style-8 .about-image-gallery .thumbnail-1 { text-align: right; margin-top: 40px }

.about-style-8 .about-image-gallery .thumbnail-1 img { border-radius: 70px 10px 10px 10px }

.about-style-8 .about-image-gallery .thumbnail-2 img { border-radius: 10px }

.about-style-8 .about-image-gallery .thumbnail-3 { text-align: right }

.about-style-8 .about-image-gallery .thumbnail-3 img { border-radius: 10px 10px 90px 10px }

.about-style-8 .about-image-gallery .thumbnail-4 img { border-radius: 10px }

.about-style-8 .about-image-gallery .shape-group li img { position: initial }

.about-style-8 .about-image-gallery .shape-group li.shape-1 { top: 0; left: -90px }

.about-style-8 .about-image-gallery .shape-group li.shape-2 { top: -20px; left: 25px; bottom: inherit; right: inherit }

.about-style-8 .about-image-gallery .shape-group li.shape-3 { bottom: 20px; right: -70px }



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

.about-style-8 .about-image-gallery .shape-group li.shape-3 { display: none }

}

.about-style-8 .about-image-gallery .shape-group li.shape-4 { bottom: -75px; right: -165px }

.about-style-8 .about-image-gallery .shape-group li.shape-4 span { height: 400px; width: 400px; border: 1px solid #e8e6e3; border-radius: 50%; display: block }

.about-style-8:after { content: ""; height: 600px; width: 600px; border: 1px solid #e8e6e3; border-radius: 50%; position: absolute; top: -175px; left: -70px; z-index: -1 }



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

.about-style-8:after { left: -195px }

}



@media only screen and (min-width:1200px) and (max-width:1400px) {

.about-style-8:after { left: -250px }

}

.brand-section-heading { padding-right: 60px }



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

.brand-section-heading { padding-right: 0 }

}

.brand-grid-wrap { display: grid; grid-template-columns: repeat(4, 1fr); position: relative }

.brand-grid-wrap:after { content: ""; height: 1px; width: 100%; background-color: #f0f0f0; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.brand-grid-wrap .brand-grid { padding: 18px 5px; text-align: center; border-right: 1px solid #f0f0f0; -webkit-transition: var(--transition); transition: var(--transition) }

.brand-grid-wrap .brand-grid:first-child, .brand-grid-wrap .brand-grid:nth-child(5n) { border-left: 1px solid #f0f0f0 }

.brand-grid-wrap .brand-grid:hover { box-shadow: var(--shadow-darker) }

.brand-grid-wrap.brand-style-2 { grid-template-columns: repeat(6, 1fr) }



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

.brand-grid-wrap.brand-style-2 { grid-template-columns: repeat(3, 1fr) }

}



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

.brand-grid-wrap.brand-style-2 { grid-template-columns: repeat(2, 1fr) }

}

.brand-grid-wrap.brand-style-2:after { display: none }

.brand-grid-wrap.brand-style-2 .brand-grid { padding: 10px 20px }

.brand-grid-wrap.brand-style-2 .brand-grid:first-child { border-left: none }



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

.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(2n) { border-right: none }

}



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

.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) { border-right: none }

}



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

.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) { border-right: 1px solid #f0f0f0 }

}

.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(5n) { border-left: none }

.brand-grid-wrap.brand-style-2 .brand-grid:last-child { border-right: none }

.brand-grid-wrap.brand-style-2 .brand-grid:hover { box-shadow: none }

.brand-grid-wrap.brand-style-3 { grid-template-columns: repeat(5, 1fr); gap: 10px }



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

.brand-grid-wrap.brand-style-3 { grid-template-columns: repeat(3, 1fr) }

}



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

.brand-grid-wrap.brand-style-3 { grid-template-columns: repeat(2, 1fr) }

}



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

.brand-grid-wrap.brand-style-3 { grid-template-columns: repeat(1, 1fr) }

}

.brand-grid-wrap.brand-style-3:after { display: none }

.brand-grid-wrap.brand-style-3 .brand-grid { border: none; background-color: var(--color-lighten04); border-radius: 5px; padding: 30px 0; opacity: .4 }

.brand-grid-wrap.brand-style-3 .brand-grid:hover { box-shadow: none; opacity: 1 }

.brand-area-2 { position: relative; background: #F9F7F4; padding: 75px 0; overflow: hidden }



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

.brand-area-2 { padding: 50px 0 }

}

.brand-area-2 .shape-group li { position: absolute; z-index: -1 }

.brand-area-2 .shape-group li.shape-1 { bottom: -170px; left: -220px }

.brand-area-2 .shape-group li.shape-2 { top: -22px; right: -21px; z-index: 1 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.brand-area-2 .shape-group li.shape-2 { top: -60px; right: -70px }

}



@media only screen and (min-width:1200px) and (max-width:1400px) {

.brand-area-2 .shape-group li.shape-2 { display: none }

}

.brand-area-5 { padding: 400px 0 120px; background-position: bottom }



@media only screen and (min-width:768px) and (max-width:991px) {

.brand-area-5 { padding: 380px 0 100px }

}



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

.brand-area-5 { padding: 260px 0 80px; margin-top: 100px }

}



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

.brand-area-5 { background: none; background-color: #FCFBFA }

}



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

.brand-area-5 { padding: 80px 0 80px; margin-top: 80px }

}

.edu-cta-banner-area { padding: 105px 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-cta-banner-area { padding: 80px 0 70px }

}



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

.edu-cta-banner-area { padding: 80px 0 70px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-cta-banner-area .shape-group { display: none }

}



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

.edu-cta-banner-area .shape-group { display: none }

}

.cta-banner-2 { position: relative; background-color: #f7f5f2; z-index: 1; overflow: hidden }

.cta-banner-2 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.cta-banner-2 .shape-group li.shape-1 { top: 30px; left: 100px }

.cta-banner-2 .shape-group li.shape-2 { bottom: -20px; left: 17% }

.cta-banner-2 .shape-group li.shape-3 { bottom: 60px; right: 120px }

.cta-banner-2 .shape-group li.shape-4 { top: 10px; right: 18% }

.cta-banner-2 .shape-group li.shape-5 { bottom: -55px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }

.cta-banner-2 .shape-group li.shape-5 img { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) }

.cta-banner-3 { padding: 220px 0 130px; position: relative; z-index: 1 }



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

.cta-banner-3 { padding: 150px 0 80px }

}

.cta-banner-3 .edu-cta-banner .section-title .title { margin-bottom: 40px }

.cta-banner-3 .edu-cta-banner .newsletter-form { width: 82%; margin: 0 auto }



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

.cta-banner-3 .edu-cta-banner .newsletter-form { width: 100% }

}



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

.cta-banner-3 .shape-group { display: block }

}



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

.cta-banner-3 .shape-group { display: none }

}

.cta-banner-3 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.cta-banner-3 .shape-group li.shape-1 { bottom: -70px; left: -290px; z-index: 0 }



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.cta-banner-3 .shape-group li.shape-1 { left: -60px }

}



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.cta-banner-3 .shape-group li.shape-1 img { width: 60% }

}

.cta-banner-3 .shape-group li.shape-2 { bottom: -105px; right: -175px; z-index: 0 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.cta-banner-3 .shape-group li.shape-2 { right: -100px; bottom: -25px }

}



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

.cta-banner-3 .shape-group li.shape-2 { right: -130px; bottom: -25px }

}



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.cta-banner-3 .shape-group li.shape-2 img { width: 70% }

}

.cta-banner-3 .shape-group li.shape-3 { top: -70px; left: 119px }

.cta-banner-3 .shape-group li.shape-3 img { opacity: .3 }



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.cta-banner-3 .shape-group li.shape-3 img { width: 70% }

}

.cta-banner-3 .shape-group li.shape-4 { bottom: -115px; right: 180px }

.cta-banner-3 .shape-group li.shape-4 img { opacity: .3 }



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.cta-banner-3 .shape-group li.shape-4 img { width: 70% }

}

.edu-cta-banner { position: relative; z-index: 1 }

.edu-cta-banner .section-title { margin-bottom: 0 }

.edu-cta-banner .section-title .title { margin-bottom: 28px }



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

.edu-cta-banner .shape-group { display: none }

}

.edu-cta-banner .shape-group li { position: absolute; z-index: -1 }

.edu-cta-banner .shape-group li.shape-1 { bottom: 0; left: -130px }

.edu-cta-banner .shape-group li.shape-2 { top: -105px; right: -160px }

.home-one-cta-wrapper, .university-cta-wrapper, .online-academy-cta-wrapper { overflow: hidden }

.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-01, .university-cta-wrapper .edu-cta-banner .shape-group li.shape-01, .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-01 { top: 109px; left: -68px }

.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-02, .university-cta-wrapper .edu-cta-banner .shape-group li.shape-02, .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-02 { bottom: 29px; left: 11px }

.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-03, .university-cta-wrapper .edu-cta-banner .shape-group li.shape-03, .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-03 { top: -61px; right: -168px; z-index: 0 }

.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-04, .university-cta-wrapper .edu-cta-banner .shape-group li.shape-04, .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-04 { top: -126px; right: -118px }

.cta-area-2 { position: relative; z-index: 1; margin-top: -70px }

.edu-cta-box { background-color: var(--color-lighten01); border-radius: 10px; padding: 50px 50px; position: relative }



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

.edu-cta-box { padding: 40px 30px }

}

.edu-cta-box.home-one-cta .title a:hover, .edu-cta-box.home-four-cta .title a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.edu-cta-box.home-one-cta .shape-group li.shape-01, .edu-cta-box.home-four-cta .shape-group li.shape-01 { top: -11px; left: -118px }

.edu-cta-box.home-one-cta .shape-group li.shape-02, .edu-cta-box.home-four-cta .shape-group li.shape-02 { top: -31px; left: -63px; z-index: -2 }

.edu-cta-box.home-one-cta .shape-group li.shape-03, .edu-cta-box.home-four-cta .shape-group li.shape-03 { bottom: -50px; right: -45px }

.edu-cta-box .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.edu-cta-box .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center }

}

.edu-cta-box .inner .content { font-family: var(--font-secondary) }

.edu-cta-box .inner .content .subtitle { font-weight: var(--p-medium); font-size: 18px; color: var(--color-heading) }

.edu-cta-box .inner .content .title { font-size: 26px; margin-bottom: 0 }



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

.edu-cta-box .inner .content .title { font-size: 20px }

}

.edu-cta-box .inner .sparator { margin: 0 30px }



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

.edu-cta-box .inner .sparator { margin: 15px 0 }

}

.edu-cta-box .inner .sparator span { display: block; text-align: center; height: 70px; width: 70px; line-height: 60px; border: 4px solid rgba(26,182,157,.2); border-radius: 50%; font-size: 24px; font-weight: var(--p-semi-bold); color: var(--color-primary); background-color: var(--color-white) }

.edu-cta-box .shape-group li { position: absolute; z-index: -1; margin: 0 }

.edu-cta-box .shape-group li.shape-1 { top: -31px; left: -118px }

.edu-cta-box .shape-group li.shape-2 { bottom: -50px; right: -45px }

.edu-cta-box.cta-style-2 { background-color: var(--color-tertiary); padding: 40px 50px }



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

.edu-cta-box.cta-style-2 { padding: 40px 30px }

}

.edu-cta-box.cta-style-2 .title a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.edu-cta-box.cta-style-2 .sparator span { color: var(--color-heading); border-color: rgba(20,20,23,.1) }

.edu-cta-box.cta-style-3 { background-color: var(--color-secondary) }

.edu-cta-box.cta-style-3 .inner .content .subtitle { color: var(--color-white) }

.edu-cta-box.cta-style-3 .inner .content .title { color: var(--color-white); font-weight: var(--p-semi-bold) }

.edu-cta-box.cta-style-3 .inner .sparator span { border: 4px solid rgba(238,74,98,.7); color: var(--color-heading) }



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

.newsletter-form .input-group { display: block; text-align: left }

}

.newsletter-form .input-group .form-control { height: 60px; border-radius: 5px!important; background-color: var(--color-white); border: none; color: var(--color-heading); padding: 0 40px }



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

.newsletter-form .input-group .form-control { height: 50px }

}



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

.newsletter-form .input-group .form-control { width: 100% }

}

.newsletter-form .input-group .form-control::-webkit-input-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control::-moz-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control:-ms-input-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control::-ms-input-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control::placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control:-ms-input-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control::-ms-input-placeholder {

color:var(--color-heading);

opacity:1

}

.newsletter-form .input-group .form-control:focus { box-shadow: none }

.newsletter-form .input-group button { border-radius: 30px 5px!important; margin-left: 20px!important; padding: 0 40px }



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

.newsletter-form .input-group button { margin: 20px 0 0!important }

}

.newsletter-form .input-group button:hover { border-radius: 5px 30px!important }

.campus-thumbnail .thumbnail img { border-radius: 5px }



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

.campus-thumbnail .thumbnail img { width: 100% }

}

.campus-content { box-shadow: var(--shadow-darker); border-radius: 0 5px 5px 5px; padding: 60px 50px 60px 70px; background-color: var(--color-white); margin-left: -120px; margin-top: 90px }



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

.campus-content { margin-left: 0; margin-top: 20px }

}



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

.campus-content { box-shadow: none; padding: 0 }

}

.campus-content .features-box { background-color: transparent; box-shadow: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; margin-bottom: 24px }

.campus-content .features-box:last-child { margin-bottom: 0 }

.campus-content .features-box .icon { font-size: 48px; margin-right: 20px; margin-bottom: 0 }

.campus-content .features-box .icon .fitness-icon { font-size: 32px }

.campus-content .features-box .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.campus-content .features-box .content .title { margin-bottom: 12px }

.campus-content .features-box .content p { color: var(--color-body) }

.edu-campus-area { position: relative }

.edu-campus-area .campus-image-gallery { position: relative }

.edu-campus-area .campus-image-gallery .shape-1 { z-index: -1; bottom: -220px; left: -235px }

.edu-campus-area .campus-image-gallery .shape-1 span { display: block; height: 470px; width: 470px; border: 1px solid var(--color-border); border-radius: 50% }

.edu-campus-area .campus-image-gallery .shape-2 { bottom: -84px; left: -144px }

.edu-campus-area .campus-image-gallery .shape-3 { bottom: -118px; left: -85px }

.edu-campus-area .campus-content { position: relative }

.edu-campus-area .campus-content .shape-4 { z-index: -1; top: -140px; right: -158px }

.edu-campus-area .campus-content .shape-4 span { display: block; height: 320px; width: 320px; border: 1px solid var(--color-border); border-radius: 50% }

.edu-campus-area .campus-content .shape-5 { top: -33px; right: -64px }

.edu-campus-area .campus-content .shape-5 span { display: block; height: 150px; width: 150px; border-radius: 100%; background: #F3F8FA }

.edu-campus-area .campus-content .shape-6 { top: -80px; right: -28px; z-index: 0 }

.categorie-grid { padding: 50px 30px; text-align: center; border-radius: 5px; -webkit-transition: var(--transition); transition: var(--transition) }

.categorie-grid .icon { height: 80px; width: 80px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 48px; margin: 0 auto 28px; -webkit-transition: var(--transition); transition: var(--transition) }

.categorie-grid .content .title { margin-bottom: 15px; -webkit-transition: var(--transition); transition: var(--transition) }

.categorie-grid .content p { color: var(--color-heading); margin-bottom: 25px; -webkit-transition: var(--transition); transition: var(--transition) }

.categorie-grid .content .course-remain { font-weight: 500; display: inline-block; padding: 2px 18px; border-radius: 5px; -webkit-transition: var(--transition); transition: var(--transition) }

.categorie-grid:hover .content .title { color: var(--color-white) }

.categorie-grid:hover .content p { color: var(--color-white) }

.categorie-grid:hover .icon svg path { stroke: var(--color-white) }

.categorie-grid.color-primary-style { background-color: rgba(26,182,157,.07) }

.categorie-grid.color-primary-style .icon, .categorie-grid.color-primary-style .course-remain { background-color: rgba(26,182,157,.1); color: var(--color-primary) }

.categorie-grid.color-primary-style:hover { background-color: #1ab69d }

.categorie-grid.color-primary-style:hover .icon, .categorie-grid.color-primary-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-secondary-style { background-color: rgba(238,74,98,.07) }

.categorie-grid.color-secondary-style .icon, .categorie-grid.color-secondary-style .course-remain { background-color: rgba(238,74,98,.1); color: var(--color-secondary) }

.categorie-grid.color-secondary-style:hover { background-color: #ee4a62 }

.categorie-grid.color-secondary-style:hover .icon, .categorie-grid.color-secondary-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-tertiary-style { background-color: rgba(248,184,31,.07) }

.categorie-grid.color-tertiary-style .icon, .categorie-grid.color-tertiary-style .course-remain { background-color: rgba(248,184,31,.1); color: var(--color-tertiary) }

.categorie-grid.color-tertiary-style:hover { background-color: #f8b81f }

.categorie-grid.color-tertiary-style:hover .icon, .categorie-grid.color-tertiary-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra01-style { background-color: rgba(14,205,115,.07) }

.categorie-grid.color-extra01-style .icon, .categorie-grid.color-extra01-style .course-remain { background-color: rgba(14,205,115,.1); color: var(--color-extra01) }

.categorie-grid.color-extra01-style:hover { background-color: #0ecd73 }

.categorie-grid.color-extra01-style:hover .icon, .categorie-grid.color-extra01-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra02-style { background-color: rgba(142,86,255,.07) }

.categorie-grid.color-extra02-style .icon, .categorie-grid.color-extra02-style .course-remain { background-color: rgba(142,86,255,.1); color: var(--color-extra02) }

.categorie-grid.color-extra02-style svg path { fill: var(--color-extra02)!important }

.categorie-grid.color-extra02-style:hover { background-color: #8e56ff }

.categorie-grid.color-extra02-style:hover .icon, .categorie-grid.color-extra02-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra02-style:hover svg path { fill: var(--color-white)!important }

.categorie-grid.color-extra03-style { background-color: rgba(249,37,150,.07) }

.categorie-grid.color-extra03-style .icon, .categorie-grid.color-extra03-style .course-remain { background-color: rgba(249,37,150,.1); color: var(--color-extra03) }

.categorie-grid.color-extra03-style:hover { background-color: #f92596 }

.categorie-grid.color-extra03-style:hover .icon, .categorie-grid.color-extra03-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra04-style { background-color: rgba(88,102,235,.07) }

.categorie-grid.color-extra04-style .icon, .categorie-grid.color-extra04-style .course-remain { background-color: rgba(88,102,235,.1); color: var(--color-extra04) }

.categorie-grid.color-extra04-style:hover { background-color: #5866eb }

.categorie-grid.color-extra04-style:hover .icon, .categorie-grid.color-extra04-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra05-style { background-color: rgba(248,148,31,.07) }

.categorie-grid.color-extra05-style .icon, .categorie-grid.color-extra05-style .course-remain { background-color: rgba(248,148,31,.1); color: var(--color-extra05) }

.categorie-grid.color-extra05-style:hover { background-color: #f8941f }

.categorie-grid.color-extra05-style:hover .icon, .categorie-grid.color-extra05-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra06-style { background-color: rgba(57,192,250,.07) }

.categorie-grid.color-extra06-style .icon, .categorie-grid.color-extra06-style .course-remain { background-color: rgba(57,192,250,.1); color: var(--color-extra06) }

.categorie-grid.color-extra06-style svg path { fill: var(--color-extra06)!important }

.categorie-grid.color-extra06-style:hover { background-color: #39c0fa }

.categorie-grid.color-extra06-style:hover .icon, .categorie-grid.color-extra06-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra06-style:hover svg path { fill: var(--color-white)!important }

.categorie-grid.color-extra07-style { background-color: rgba(218,4,248,.07) }

.categorie-grid.color-extra07-style .icon, .categorie-grid.color-extra07-style .course-remain { background-color: rgba(218,4,248,.1); color: var(--color-extra07) }

.categorie-grid.color-extra07-style:hover { background-color: #da04f8 }

.categorie-grid.color-extra07-style:hover .icon, .categorie-grid.color-extra07-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.color-extra08-style { background-color: rgba(70,100,228,.07) }

.categorie-grid.color-extra08-style .icon, .categorie-grid.color-extra08-style .course-remain { background-color: rgba(70,100,228,.1); color: var(--color-extra08) }

.categorie-grid.color-extra08-style:hover { background-color: #4664e4 }

.categorie-grid.color-extra08-style:hover .icon, .categorie-grid.color-extra08-style:hover .course-remain { background-color: rgba(255,255,255,.15); color: var(--color-white) }

.categorie-grid.categorie-style-2 { padding: 16px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; min-height: 80px }

.categorie-grid.categorie-style-2 .icon { background-color: transparent; margin-bottom: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: auto; width: auto; min-width: 84px }

.categorie-grid.categorie-style-2 .icon .art-design { font-size: 45px }

.categorie-grid.categorie-style-2 .icon .personal-development { font-size: 44px }

.categorie-grid.categorie-style-2 .icon .health-fitness { font-size: 46px }

.categorie-grid.categorie-style-2 .icon .data-science { font-size: 41px }

.categorie-grid.categorie-style-2 .icon .computer-science { font-size: 33px }

.categorie-grid.categorie-style-2 .icon .video-photography { font-size: 37px }

.categorie-grid.categorie-style-2 .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.categorie-grid.categorie-style-2 .content .title { margin-bottom: 0; font-size: 15px; font-weight: var(--p-semi-bold) }

.categorie-grid.categorie-style-2:hover .icon { background-color: transparent }

.categorie-grid.categorie-style-3 { background-color: var(--color-white); padding: 40px 20px 35px; box-shadow: 0 0 15px 0 rgba(0,0,0,.05) }

.categorie-grid.categorie-style-3 .icon { font-size: 40px }

.categorie-grid.categorie-style-3 .icon.laptop-icon { font-size: 34px }

.categorie-grid.categorie-style-3 .icon.design-pencil-icon { font-size: 34px }

.categorie-grid.categorie-style-3 .content .title { font-size: 18px }

.categorie-grid.categorie-style-3:hover { background-color: var(--color-white); box-shadow: 0 10px 45px 0 rgba(0,0,0,.1) }

.categorie-grid.categorie-style-3:hover .content .title { color: var(--color-heading) }

.categorie-grid.categorie-style-3:hover.color-primary-style .icon { background-color: var(--color-primary) }

.categorie-grid.categorie-style-3:hover.color-secondary-style .icon { background-color: var(--color-secondary) }

.categorie-grid.categorie-style-3:hover.color-extra01-style .icon { background-color: var(--color-extra01) }

.categorie-grid.categorie-style-3:hover.color-extra02-style .icon { background-color: var(--color-extra02) }

.categorie-grid.categorie-style-3:hover.color-extra03-style .icon { background-color: var(--color-extra03) }

.categorie-grid.categorie-style-3:hover.color-extra04-style .icon { background-color: var(--color-extra04) }

.categorie-grid.categorie-style-3:hover.color-extra05-style .icon { background-color: var(--color-extra05) }

.categorie-grid.categorie-style-3:hover.color-extra06-style .icon { background-color: var(--color-extra06) }

.categorie-grid.categorie-style-3:hover.color-extra07-style .icon { background-color: var(--color-extra07) }

.categorie-grid.categorie-style-3:hover.color-tertiary-style .icon { background-color: var(--color-tertiary) }

.contact-me .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.contact-me .inner { display: block; text-align: center }

}

.contact-me .thumbnail { margin-right: 130px; position: relative; z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.contact-me .thumbnail { margin-right: 50px }

}



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

.contact-me .thumbnail { margin-bottom: 40px; margin-right: 0 }

}

.contact-me .thumbnail .thumb { box-shadow: 0 20px 40px 0 rgba(42,11,88,.1); border-radius: 50% }



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

.contact-me .thumbnail .thumb { display: inline-block }

}

.contact-me .thumbnail .thumb img { border-radius: 50% }



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

.contact-me .thumbnail .shape-group { display: none }

}

.contact-me .thumbnail .shape-group li { margin: 0; position: absolute; z-index: -1 }

.contact-me .thumbnail .shape-group li.shape-1 { top: -45px; right: 30px }

.contact-me .thumbnail .shape-group li.shape-2 { top: -20px; right: -30px; z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.contact-me .thumbnail .shape-group li.shape-2 { display: none }

}

.contact-me .thumbnail .shape-group li.shape-3 { bottom: -15px; left: -40px }

.contact-me .contact-us-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.contact-us-info .heading-title { margin-bottom: 26px }

.contact-us-info .address-list li .title { margin-bottom: 5px }

.contact-us-info .address-list li p { margin-bottom: 20px }

.contact-us-info .social-share { padding-top: 12px }



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

.contact-me-area .contact-us-info .social-share { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}

.contact-form-area { background-color: var(--color-lighten01); position: relative; z-index: 1; overflow: hidden }



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

.contact-form-area .shape-group { display: none }

}

.contact-form-area .shape-group li { position: absolute; z-index: -1 }

.contact-form-area .shape-group li.shape-1 { top: 32%; left: 13% }

.contact-form-area .shape-group li.shape-2 { top: 32%; left: 9% }

.contact-form-area .shape-group li.shape-3 { top: -200px; right: -110px }

.contact-form-area .shape-group li.shape-3 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.contact-form-area .shape-group li.shape-4 { top: 150px; right: 135px }

.contact-form.form-style-2 { padding: 70px; box-shadow: var(--shadow-darker); background-color: var(--color-white); border-radius: 5px; margin-bottom: -80px; position: relative }



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

.contact-form.form-style-2 { padding: 40px }

}

.contact-form.form-style-2 .section-title { margin-bottom: 5px }

.contact-form.form-style-2 .section-title p { margin-top: 10px; margin-bottom: 0 }

.contact-form.form-style-2 .form-group { margin-bottom: 0 }

.contact-form.form-style-2 .form-group input, .contact-form.form-style-2 .form-group textarea { border-bottom: 1px solid var(--color-border); border-radius: 0; padding: 20px 0 10px }

.contact-form.form-style-2 .form-group .edu-btn { margin-top: 40px }



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

.contact-form.form-style-2 .shape-group { display: none }

}

.contact-form.form-style-2 .shape-group li { position: absolute; z-index: -1 }

.contact-form.form-style-2 .shape-group li.shape-1 { top: -60px; right: -90px }

.contact-form.form-style-2 .shape-group li.shape-2 { top: -80px; right: -10px; z-index: 1 }

.contact-form .error-msg p, .contact-form .success-msg p { margin-top: 10px; margin-bottom: 0 }

.contact-us-area { padding: 120px 0 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.contact-us-area { padding: 100px 0 0 }

}



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

.contact-us-area { padding: 80px 0 0 }

}

.google-map-area #gmap_canvas { width: 100%; height: 600px; margin-bottom: -8px }

.edu-counterup { border-radius: 10px; text-align: center; padding: 38px 30px }



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

.edu-counterup { padding: 25px }

}



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

.edu-counterup .odometer.odometer-auto-theme .odometer-digit .odometer-value { line-height: 1.2 }

}

.edu-counterup .count-number { margin-bottom: 5px }

.edu-counterup .count-number span, .edu-counterup .count-number em { font-family: var(--font-secondary); font-weight: var(--p-extra-bold) }

.edu-counterup .count-number.primary-color { color: var(--color-primary) }

.edu-counterup .count-number.secondary-color { color: var(--color-secondary) }

.edu-counterup .count-number.extra02-color { color: var(--color-extra02) }

.edu-counterup .count-number.extra05-color { color: var(--color-extra05) }

.edu-counterup .title { margin-bottom: 0; font-size: 13px; text-transform: uppercase; font-weight: var(--p-medium) }

.edu-counterup.counterup-style-1 { box-shadow: 0 10px 30px 6px rgba(0,0,0,.07) }

.edu-counterup.counterup-style-3 { padding: 0; border-radius: 0; position: relative }

.edu-counterup.counterup-style-3:after { content: ""; height: 100%; width: 1px; background-color: var(--color-border); position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }



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

.edu-counterup.counterup-style-3:after { display: none }

}

.edu-counterup.counterup-style-3.border-none:after { display: none }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-counterup.counterup-style-3.border-none:after { display: block }

}



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

.edu-counterup.counterup-style-3.border-none:after { display: block }

}



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

.edu-counterup.counterup-style-3.border-none:after { display: none }

}

.edu-counterup.counterup-style-4 { box-shadow: 0 30px 70px 0 rgba(16,12,47,.05); border-radius: 4px; background-color: var(--color-white) }

.edu-counterup.counterup-style-4 .icon { text-align: center; height: 90px; width: 90px; line-height: 95px; border-radius: 50%; font-size: 50px; margin: 0 auto 25px }

.edu-counterup.counterup-style-4 .icon.primary-color { background-color: rgba(26,182,157,.1); color: var(--color-primary) }

.edu-counterup.counterup-style-4 .icon.secondary-color { background-color: rgba(255,91,92,.1); color: var(--color-secondary) }

.edu-counterup.counterup-style-4 .icon.extra08-color { background-color: rgba(70,100,228,.1); color: var(--color-extra08) }

.edu-counterup.counterup-style-4 .icon.extra05-color { background-color: rgba(248,150,36,.1); color: var(--color-extra05) }

.edu-counterup.counterup-style-4 .count-number span { font-weight: var(--p-bold) }

.edu-counterup.counterup-style-5.primary-color { background-color: rgba(26,182,157,.1) }

.edu-counterup.counterup-style-5.primary-color .count-number { color: var(--color-primary) }

.edu-counterup.counterup-style-5.secondary-color { background-color: rgba(255,91,92,.1) }

.edu-counterup.counterup-style-5.secondary-color .count-number { color: var(--color-secondary) }

.edu-counterup.counterup-style-5.extra02-color { background-color: rgba(142,86,255,.1) }

.edu-counterup.counterup-style-5.extra02-color .count-number { color: var(--color-extra02) }

.edu-counterup.counterup-style-5.extra05-color { background-color: rgba(248,150,36,.1) }

.edu-counterup.counterup-style-5.extra05-color .count-number { color: var(--color-extra05) }

.edu-counterup.counterup-style-6 { position: relative; padding: 5px 0 }

.edu-counterup.counterup-style-6:after { content: ""; height: 100%; width: 1px; background-color: rgba(255,255,255,.2); position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.edu-counterup.counterup-style-6.border-none:after { display: none }

.edu-counterup.counterup-style-6 .icon { font-size: 60px; color: var(--color-white); line-height: 1; margin-bottom: 10px }

.edu-counterup.counterup-style-6 .count-number { color: var(--color-white) }

.edu-counterup.counterup-style-6 .title { color: var(--color-white) }

.counterup-area-2 { position: relative; z-index: 1 }

.counterup-area-2:before { content: ""; height: 53%; width: 100%; background-color: var(--color-lighten01); position: absolute; top: 0; left: 0; right: 0; z-index: -1 }

.counterup-area-2 .counterup-box-wrap { background-color: var(--color-white); box-shadow: 0 30px 70px 0 rgba(16,12,47,.08); border-radius: 10px; padding: 70px; position: relative }



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

.counterup-area-2 .counterup-box-wrap { padding: 40px }

}



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

.counterup-area-2 .counterup-box-wrap { padding: 10px }

}

.counterup-area-2 .counterup-box-wrap .counterup-box { display: grid; grid-template-columns: repeat(2, 1fr); position: relative }



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

.counterup-area-2 .counterup-box-wrap .counterup-box { grid-template-columns: repeat(1, 1fr) }

}

.counterup-area-2 .counterup-box-wrap .counterup-box:before { content: ""; height: 100%; width: 1px; background-color: var(--color-border); position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) }



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

.counterup-area-2 .counterup-box-wrap .counterup-box:before { display: none }

}

.counterup-area-2 .counterup-box-wrap .counterup-box:after { content: ""; height: .1px; width: 100%; background-color: var(--color-border); position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) }



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

.counterup-area-2 .counterup-box-wrap .counterup-box:after { display: none }

}



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

.counterup-area-2 .counterup-box-wrap .shape-group { display: none }

}

.counterup-area-2 .counterup-box-wrap .shape-group li { position: absolute; z-index: -1 }

.counterup-area-2 .counterup-box-wrap .shape-group li.shape-1 { top: -80px; left: -90px }

.counterup-area-2 .counterup-box-wrap .shape-group li.shape-2 { top: -100px; left: -15px; z-index: 1 }

.counterup-area-2 .counterup-box-wrap .shape-group li.shape-3 { bottom: -60px; right: -70px }

.counterup-area-2 .counterup-box-wrap .shape-group li.shape-4 { bottom: -63px; right: 30px }



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

.counterup-area-3 :nth-child(2) .edu-counterup.counterup-style-3:after, .counterup-area-3 :nth-child(4) .edu-counterup.counterup-style-3:after { width: 0 }

}

.counterup-area-4 { margin-top: -160px; position: relative }

.counterup-area-6 { background: var(--gradient-primary); padding: 65px 0 }



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

.counterup-area-6 :nth-child(2) .counterup-style-6:after { width: 0 }

}

.counterup-area-7 { position: relative; z-index: 1; background-color: var(--color-lighten04) }

.counterup-area-7 .counterup-content { padding-right: 80px; padding-top: 30px }

.counterup-area-7 .counterup-box-wrap { background-color: var(--color-white); box-shadow: 0 30px 70px 0 rgba(16,12,47,.08); border-radius: 10px; padding: 70px; position: relative }



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

.counterup-area-7 .counterup-box-wrap { padding: 40px }

}



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

.counterup-area-7 .counterup-box-wrap { padding: 10px }

}

.counterup-area-7 .counterup-box-wrap .counterup-box { display: grid; grid-template-columns: repeat(2, 1fr); position: relative }



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

.counterup-area-7 .counterup-box-wrap .counterup-box { grid-template-columns: repeat(1, 1fr) }

}

.counterup-area-7 .counterup-box-wrap .counterup-box:before { content: ""; height: 100%; width: 1px; background-color: var(--color-border); position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) }



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

.counterup-area-7 .counterup-box-wrap .counterup-box:before { display: none }

}

.counterup-area-7 .counterup-box-wrap .counterup-box:after { content: ""; height: 1px; width: 100%; background-color: var(--color-border); position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) }



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

.counterup-area-7 .counterup-box-wrap .counterup-box:after { display: none }

}

.counterup-area-7 .counterup-box-wrap .shape-group li { position: absolute; z-index: -1 }



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

.counterup-area-7 .counterup-box-wrap .shape-group li img { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-animation: none; animation: none }

}

.counterup-area-7 .counterup-box-wrap .shape-group li.shape-1 { top: -80px; left: -90px }

.counterup-area-7 .counterup-box-wrap .shape-group li.shape-2 { top: -100px; left: -15px; z-index: 1 }

.counterup-area-7 .counterup-box-wrap .shape-group li.shape-3 { bottom: -60px; right: -90px }

.counterup-area-7 .counterup-box-wrap .shape-group li.shape-4 { bottom: -63px; right: 30px }

.counterup-area-8 { position: relative }

.counterup-area-8 .shape-group li { position: absolute; z-index: -1 }

.counterup-area-8 .shape-group li img { opacity: .9 }

.counterup-area-8 .shape-group li.shape-1 { bottom: -130px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }

.counterup-area-9 .shape-group li.shape-1 { bottom: -34px; right: -54px }

.edu-course { background-color: var(--color-white); position: relative; border-radius: 5px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course.course-style-1 { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course.course-style-1 .thumbnail { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course.course-style-1 .thumbnail img { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course.course-style-1 .thumbnail:after { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course.course-style-1 .course-hover-content-wrapper { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course.course-style-1 .course-hover-content { -webkit-transition: var(--transition-2); transition: var(--transition-2) }

.edu-course .thumbnail { position: relative; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .thumbnail a { display: block; overflow: hidden; border-radius: 5px 5px 0 0 }

.edu-course .thumbnail a img { border-radius: 5px 5px 0 0; -webkit-transition: 0.4s; transition: 0.4s; width: 100% }

.edu-course .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 5px 5px 0 0 }

.edu-course .thumbnail .time-top { position: absolute; top: 10px; right: 10px }

.edu-course .thumbnail .duration { background-color: #f8b81f; border-radius: 3px; padding: 4px 8px; font-weight: 500; font-size: 13px; color: var(--color-white); font-family: var(--font-secondary); display: block }

.edu-course .thumbnail .duration i { font-size: 16px; position: relative; top: 2px; margin-right: 6px }

.edu-course .content { padding: 30px 20px 16px 30px }

.edu-course .content .course-level { font-size: 13px; font-weight: 500; color: var(--color-primary); font-family: var(--font-secondary); background-color: rgba(26,182,157,.15); border-radius: 3px; padding: 1px 10px; margin-bottom: 15px; display: inline-block }

.edu-course .content .title { margin-bottom: 8px }

.edu-course .content .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.edu-course .content .course-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px }

.edu-course .content .course-rating .rating { color: #f8b81f; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .content .course-rating .rating-count { font-size: 14px; font-weight: 500; color: var(--color-heading); margin-left: 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .content .course-price { font-size: 14px; font-weight: var(--p-semi-bold); color: var(--color-secondary); font-family: var(--font-secondary); margin-bottom: 14px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .content .course-price.price-round { font-size: 22px; font-weight: var(--p-bold); color: var(--color-white); height: 80px; width: 80px; line-height: 84px; background-color: var(--color-primary); border-radius: 50%; text-align: center }

.edu-course .content .course-meta li { display: inline-block; font-size: 13px; color: var(--color-heading); margin-right: 25px; position: relative; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .content .course-meta li:after { content: ""; height: 19px; width: 1px; background-color: #e5e5e5; position: absolute; top: 1px; right: -15px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .content .course-meta li:last-child { margin-right: 0 }

.edu-course .content .course-meta li:last-child:after { display: none }

.edu-course .content .course-meta li i { color: #a7a7a7; font-size: 14px; margin-right: 7px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course .course-hover-content-wrapper { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; background-color: var(--color-primary) }

.edu-course .course-hover-content-wrapper button.wishlist-btn { position: absolute; top: 20px; right: 20px; display: none }



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

.edu-course .course-hover-content-wrapper button.wishlist-btn { display: block }

}

.edu-course .course-hover-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: 0; left: 0; right: 0; border-radius: 4px; padding: 50px 20px 45px 30px; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition); display: inline-table }

.edu-course .course-hover-content .content { padding: 0 }

.edu-course .course-hover-content .content .wishlist-btn { position: absolute; top: 10px; right: 10px }



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

.edu-course .course-hover-content .content .wishlist-btn { display: none }

}

.edu-course .course-hover-content .content .course-level { background-color: var(--color-white); color: var(--color-heading) }

.edu-course .course-hover-content .content .title { color: var(--color-white) }

.edu-course .course-hover-content .content .title a:hover { color: var(--color-white) }

.edu-course .course-hover-content .content .course-rating .rating-count { color: var(--color-white) }

.edu-course .course-hover-content .content .course-price { color: var(--color-white) }

.edu-course .course-hover-content .content p { color: var(--color-white); margin-bottom: 15px }

.edu-course .course-hover-content .content .course-meta { margin-bottom: 16px }

.edu-course .course-hover-content .content .course-meta li { color: var(--color-white) }

.edu-course .course-hover-content .content .course-meta li:after { background-color: rgba(255,255,255,.25) }

.edu-course .course-hover-content .content .course-meta li i { color: var(--color-white) }

.edu-course .hover-content-aside { width: 344px; padding-left: 12px; position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-20px); -ms-transform: translateY(-50%) translateX(-20px); transform: translateY(-50%) translateX(-20px); visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition); pointer-events: none; z-index: 1 }

.edu-course .hover-content-aside .content { background-color: var(--color-white); border-radius: 4px; box-shadow: 0 0 50px 0 rgba(26,46,85,.2); padding: 30px 30px 40px 30px }

.edu-course .hover-content-aside .content:before { content: ""; border-top: 12px solid transparent; border-right: 13px solid var(--color-white); border-bottom: 12px solid transparent; position: absolute; top: 50%; left: -13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.edu-course .hover-content-aside .content .course-rating { margin-bottom: 0 }

.edu-course .hover-content-aside .content .course-meta { margin-bottom: 5px }

.edu-course .hover-content-aside .content .course-meta li { font-size: var(--font-size-b1); color: var(--color-body) }

.edu-course .hover-content-aside .content .course-meta li:after { height: 5px; width: 5px; background-color: #d1d1d1; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -17px }

.edu-course .hover-content-aside .content .course-feature { margin-bottom: 25px }

.edu-course .hover-content-aside .content .course-feature ul li { font-size: 13px; position: relative; padding-left: 28px }

.edu-course .hover-content-aside .content .course-feature ul li:before { content: "\e913"; font-family: 'icomoon'; color: var(--color-heading); margin-right: 15px; position: absolute; left: 0; top: 2px }

.edu-course .hover-content-aside .content .button-group .edu-btn { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.edu-course .hover-content-aside.content-right { left: auto; right: 100%; padding-left: 0; padding-right: 12px }

.edu-course .hover-content-aside.content-right .content:before { left: auto; right: -12px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) }

.edu-course:hover .course-hover-content-wrapper { opacity: 1 }

.edu-course:hover .thumbnail a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.edu-course:hover .course-hover-content { visibility: visible; opacity: 1 }

.edu-course:hover .hover-content-aside { pointer-events: all; visibility: visible; opacity: 1; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0) }

.edu-course.course-style-2 .course-hover-content .content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }

.edu-course.course-style-3 { background-color: transparent; padding-bottom: 5px; z-index: 1 }

.edu-course.course-style-3:before { content: ""; height: 10px; width: 100%; background-color: var(--color-white); border-radius: 0 0 4px 4px; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course.course-style-3 .thumbnail .time-top { right: auto; left: 10px }

.edu-course.course-style-3 .content { padding: 30px 30px 30px; background-color: var(--color-white); border-radius: 0 0 4px 4px; position: relative; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course.course-style-3 .content .course-level { color: var(--color-secondary); background-color: rgba(238,74,98,.15); margin-bottom: 17px }

.edu-course.course-style-3 .content .title { margin-bottom: 14px }

.edu-course.course-style-3 .content p { margin-bottom: 20px }

.edu-course.course-style-3 .content .course-rating { margin-bottom: 0 }

.edu-course.course-style-3 .content .read-more-btn { visibility: hidden; opacity: 0; margin-bottom: -50px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-course.course-style-3:hover:before { background-color: rgba(255,91,92,.3) }

.edu-course.course-style-3:hover .thumbnail { margin-bottom: -75px }

.edu-course.course-style-3:hover .thumbnail a:after { background-color: rgba(0,0,0,.5) }

.edu-course.course-style-3:hover .content .read-more-btn { margin-top: 24px; margin-bottom: 0; visibility: visible; opacity: 1 }

.edu-course.course-style-4 { box-shadow: var(--shadow-darkest); padding: 30px }

.edu-course.course-style-4 .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.edu-course.course-style-4 .inner { display: block }

}

.edu-course.course-style-4 .thumbnail { margin-right: 30px }



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

.edu-course.course-style-4 .thumbnail { margin-right: 0; margin-bottom: 20px }

}

.edu-course.course-style-4 .thumbnail a { border-radius: 4px }

.edu-course.course-style-4 .thumbnail a img { border-radius: 4px }

.edu-course.course-style-4 .thumbnail a:after { background-color: rgba(0,0,0,.1) }

.edu-course.course-style-4 .thumbnail .time-top { left: 10px; right: auto }

.edu-course.course-style-4 .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 }

.edu-course.course-style-4 .content .course-price { font-weight: var(--p-bold); font-size: 16px; margin-bottom: 10px }

.edu-course.course-style-4 .content .course-rating { margin-bottom: 14px }

.edu-course.course-style-4:hover { background-color: var(--color-primary) }

.edu-course.course-style-4:hover .content .title a { color: var(--color-white) }

.edu-course.course-style-4:hover .content .course-price { color: var(--color-white) }

.edu-course.course-style-4:hover .content .course-rating .rating-count { color: var(--color-white) }

.edu-course.course-style-4:hover .content .course-meta li { color: var(--color-white) }

.edu-course.course-style-4:hover .content .course-meta li i { color: var(--color-white) }

.edu-course.course-style-4:hover .content .course-meta li:after { background-color: rgba(255,255,255,.3) }

.edu-course.course-style-5 { background-color: var(--color-lighten04); border-radius: 4px }

.edu-course.course-style-5 .thumbnail a:after { background-color: rgba(0,0,0,0) }

.edu-course.course-style-5 .content { position: relative }

.edu-course.course-style-5 .content .price-round { position: absolute; top: -40px; right: 30px }

.edu-course.course-style-5 .content .course-level { background-color: transparent; color: var(--color-secondary); font-size: 15px; padding: 0 }

.edu-course.course-style-5 .content .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.edu-course.course-style-5 .content .course-rating { margin-bottom: 16px }

.edu-course.course-style-5 .content p { margin-bottom: 12px }

.edu-course.course-style-6 { background-color: transparent }

.edu-course.course-style-6 .thumbnail { margin-bottom: 15px }

.edu-course.course-style-6 .thumbnail a:after { background-color: rgba(0,0,0,0) }

.edu-course.course-style-6 .thumbnail .price-round { font-size: 22px; font-weight: var(--p-bold); color: var(--color-white); height: 80px; width: 80px; line-height: 84px; background-color: var(--color-primary); font-family: var(--font-secondary); border-radius: 50%; text-align: center; position: absolute; top: 20px; right: 20px }

.edu-course.course-style-6 .content { background-color: var(--color-white); padding: 35px 40px 30px; border-radius: 0 0 4px 4px }

.edu-course.course-style-6 .content .course-level { background-color: transparent; padding: 0; color: var(--color-secondary); font-size: 15px }

.edu-course.course-style-6 .content .title { margin-bottom: 15px }

.edu-course.course-style-7 { border-radius: 10px; box-shadow: var(--shadow-darkest); background-color: transparent }

.edu-course.course-style-7 .thumbnail { margin-bottom: -23px }

.edu-course.course-style-7 .thumbnail a { border-radius: 10px 10px 0 0 }

.edu-course.course-style-7 .thumbnail a img { border-radius: 10px 10px 0 0 }

.edu-course.course-style-7 .thumbnail a:after { background-color: rgba(0,0,0,0) }

.edu-course.course-style-7 .thumbnail .course-price { font-family: var(--font-secondary); -webkit-transition: var(--transition); transition: var(--transition); position: absolute; bottom: -40px; right: 30px; z-index: 1 }



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

.edu-course.course-style-7 .thumbnail .course-price { bottom: -18px }

}

.edu-course.course-style-7 .thumbnail .course-price.price-round { font-size: 22px; font-weight: var(--p-bold); color: var(--color-white); height: 80px; width: 80px; line-height: 84px; background-color: var(--color-white); border-radius: 50%; text-align: center }

.edu-course.course-style-7 .content { position: relative; -webkit-mask-image: url(../images/others/mask-06.png); mask-image: url(../images/others/mask-06.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; padding: 50px 20px 10px 30px; border-radius: 0 0 10px 10px }



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

.edu-course.course-style-7 .content { -webkit-mask-image: none; mask-image: none }

}

.edu-course.course-style-7 .content .course-level { background-color: transparent; padding: 0; font-size: 15px; color: var(--color-white) }

.edu-course.course-style-7 .content .title { color: var(--color-white) }

.edu-course.course-style-7 .content .title a:hover { color: rgba(255,255,255,.8) }

.edu-course.course-style-7 .content .course-meta { margin-bottom: 10px }

.edu-course.course-style-7 .content .course-meta li { color: var(--color-white) }

.edu-course.course-style-7 .content .course-meta li i { color: var(--color-white) }

.edu-course.course-style-7 .content p { color: var(--color-white) }

.edu-course.course-style-7.bg-color-extra02 .thumbnail .price-round { color: var(--color-extra02) }

.edu-course.course-style-7.bg-color-extra02 .content { background-color: var(--color-extra02) }

.edu-course.course-style-7.bg-color-secondary .thumbnail .price-round { color: var(--color-textSecondary) }

.edu-course.course-style-7.bg-color-secondary .content { background-color: var(--color-textSecondary) }

.edu-course.course-style-7.bg-color-primary .thumbnail .price-round { color: var(--color-primary) }

.edu-course.course-style-7.bg-color-primary .content { background-color: var(--color-primary) }

.edu-course.course-style-8 { box-shadow: 0 0 40px 0 rgba(0,0,0,.07); margin-bottom: 50px }

.edu-course.course-style-8:last-child { margin-bottom: 0 }

.edu-course.course-style-8 .content .course-rating { margin-bottom: 10px }

.edu-course.course-style-8 .content p { margin-bottom: 12px }

.edu-course.course-style-8 .content .course-meta { margin: -10px 0 }

.edu-course.course-style-8 .hover-content-aside { top: 100%; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); padding-top: 12px; z-index: 2 }

.edu-course.course-style-8 .hover-content-aside .content { padding: 30px 30px 40px }

.edu-course.course-style-8 .hover-content-aside .content:before { border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 12px solid var(--color-white); border-top: none; top: 0; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) }

.edu-course.course-style-8 .hover-content-aside .content .course-level { background-color: transparent; padding: 0; color: var(--color-secondary); font-size: 15px; margin-bottom: 10px }

.edu-course.course-style-8 .hover-content-aside .content .course-meta { margin-bottom: 2px }

.edu-course.course-style-8:hover { background-color: var(--color-white) }

.edu-course.course-style-8:hover .content .course-price { color: var(--color-secondary) }

.edu-course.course-style-8:hover .content .title a { color: var(--color-heading) }

.edu-course.course-style-8:hover .content .title a:hover { color: var(--color-primary) }

.edu-course.course-style-8:hover .content .course-rating .rating-count { color: var(--color-heading) }

.edu-course.course-style-8:hover .content .course-meta li { color: var(--color-heading) }

.edu-course.course-style-8:hover .content .course-meta li:after { background-color: #e5e5e5 }

.edu-course.course-style-8:hover .content .course-meta li i { color: #a7a7a7 }

.edu-course.course-style-9 { box-shadow: 0 0 40px 0 rgba(0,0,0,.07); margin-bottom: 50px; margin-left: 105px }



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

.edu-course.course-style-9 { margin-left: 0 }

}

.edu-course.course-style-9:last-child { margin-bottom: 0 }

.edu-course.course-style-9 .thumbnail { margin-left: -135px }



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

.edu-course.course-style-9 .thumbnail { margin-left: 0 }

}

.edu-course.course-style-9 .thumbnail a { border-radius: 50% }

.edu-course.course-style-9 .thumbnail a img { border-radius: 50% }

.edu-course.course-style-9 .thumbnail a:after { border-radius: 50% }

.edu-course.course-style-9 .content .course-rating { margin-bottom: 10px }

.edu-course.course-style-9 .content p { margin-bottom: 12px }

.edu-course.course-style-9 .content .course-meta { margin: -10px 0 }

.edu-course.course-style-9 .hover-content-aside { top: 100%; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); padding-top: 12px; z-index: 2 }

.edu-course.course-style-9 .hover-content-aside .content { padding: 30px 30px 40px }

.edu-course.course-style-9 .hover-content-aside .content:before { border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 12px solid var(--color-white); border-top: none; top: 0; left: 50%; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) }

.edu-course.course-style-9 .hover-content-aside .content .course-level { background-color: transparent; padding: 0; color: var(--color-secondary); font-size: 15px; margin-bottom: 10px }

.edu-course.course-style-9 .hover-content-aside .content .course-meta { margin-bottom: 2px }

.edu-course.course-style-9:hover { background-color: var(--color-white) }

.edu-course.course-style-9:hover .content .course-price { color: var(--color-secondary) }

.edu-course.course-style-9:hover .content .title a { color: var(--color-heading) }

.edu-course.course-style-9:hover .content .title a:hover { color: var(--color-primary) }

.edu-course.course-style-9:hover .content .course-rating .rating-count { color: var(--color-heading) }

.edu-course.course-style-9:hover .content .course-meta li { color: var(--color-heading) }

.edu-course.course-style-9:hover .content .course-meta li:after { background-color: #e5e5e5 }

.edu-course.course-style-9:hover .content .course-meta li i { color: #a7a7a7 }

.edu-course.course-box-shadow { box-shadow: var(--shadow-darker) }

.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover { color: var(--color-black); background: #fff }

.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover:after, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover:after { background: #fff }

.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:after, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:after { display: none }

.course-view-all { text-align: center; margin-top: 60px }

.course-view-all .view-text { margin-bottom: 0 }

.course-layout-five-tooltip-content { width: 344px; pointer-events: none; z-index: 1 }

.course-layout-five-tooltip-content .content { border-radius: 4px; padding: 30px 30px 40px 30px; position: relative }

.course-layout-five-tooltip-content .content .price-round { position: absolute; top: -40px; right: 30px }

.course-layout-five-tooltip-content .content .course-level { background-color: transparent; color: var(--color-secondary); font-size: 15px; padding: 0; margin-bottom: 15px; display: inline-block; font-weight: 500; font-family: var(--font-secondary) }

.course-layout-five-tooltip-content .content .title { margin-top: 12px; margin-bottom: 8px }

.course-layout-five-tooltip-content .content .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; pointer-events: all }

.course-layout-five-tooltip-content .content .title a:hover { color: var(--color-primary) }

.course-layout-five-tooltip-content .content .course-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 }

.course-layout-five-tooltip-content .content .course-rating .rating { color: #f8b81f; -webkit-transition: var(--transition); transition: var(--transition) }

.course-layout-five-tooltip-content .content .course-rating .rating-count { font-size: 14px; font-weight: 500; color: var(--color-heading); margin-left: 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.course-layout-five-tooltip-content .content .course-price { font-size: 14px; font-weight: var(--p-semi-bold); color: var(--color-secondary); font-family: var(--font-secondary); margin-bottom: 14px; -webkit-transition: var(--transition); transition: var(--transition) }

.course-layout-five-tooltip-content .content .course-price.price-round { font-size: 22px; font-weight: var(--p-bold); color: var(--color-white); height: 80px; width: 80px; line-height: 84px; background-color: var(--color-primary); border-radius: 50%; text-align: center }

.course-layout-five-tooltip-content .content .course-meta li { display: inline-block; margin-right: 25px; position: relative; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size-b1); color: var(--color-body) }

.course-layout-five-tooltip-content .content .course-meta li:after { position: absolute; content: ''; height: 5px; width: 5px; background-color: #d1d1d1; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -17px }

.course-layout-five-tooltip-content .content .course-meta li:last-child { margin-right: 0 }

.course-layout-five-tooltip-content .content .course-meta li:last-child:after { display: none }

.course-layout-five-tooltip-content .content .course-meta li i { color: #a7a7a7; font-size: 14px; margin-right: 7px; -webkit-transition: var(--transition); transition: var(--transition) }

.course-layout-five-tooltip-content .content .course-feature { margin-bottom: 25px }

.course-layout-five-tooltip-content .content .course-feature ul li { font-size: 13px; position: relative; padding-left: 28px }

.course-layout-five-tooltip-content .content .course-feature ul li:before { content: "\e913"; font-family: 'icomoon'; color: var(--color-heading); margin-right: 15px; position: absolute; left: 0; top: 2px }

.course-layout-five-tooltip-content .content .button-group .edu-btn { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: var(--color-white)!important; pointer-events: all }

body .tpd-size-medium .tpd-content { padding: inherit; font-size: inherit; line-height: inherit }

.tpd-tooltip .tpd-content-wrapper { overflow: unset }



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

.tpd-tooltip .tpd-content-wrapper { display: none }

}

.tpd-tooltip .tpd-content { padding: 0; line-height: inherit; font-size: var(--fontSize) }

.tpd-tooltip .tpd-shift-stem-side { display: none!important }

.tpd-tooltip .tpd-backgrounds, .tpd-tooltip .tpd-stem { display: none!important }

.tpd-visible-frame-left .tpd-frame-left, .tpd-visible-frame-right .tpd-frame-left { position: relative }

.tpd-visible-frame-left .tpd-frame-left:before, .tpd-visible-frame-right .tpd-frame-left:before { content: ""; border-top: 12px solid transparent; border-right: 13px solid var(--color-white); border-bottom: 12px solid transparent; position: absolute; top: 50%; left: -12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9 }

.tpd-visible-frame-right .tpd-frame-left:after { content: ""; border-top: 12px solid transparent; border-right: 13px solid var(--color-white); border-bottom: 12px solid transparent; position: absolute; top: 50%; left: -12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9 }

.tpd-visible-frame-right .tpd-frame-right { position: relative; list-style: none }

.tpd-visible-frame-right .tpd-frame-right:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; border-left: 13px solid var(--color-white); border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: inherit!important; right: 0 }

.tpd-skin { left: 12px }



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

.tpd-skin { display: none }

}

.tpd-content-spacer { background: var(--color-white); box-shadow: 0 0 50px 0 rgba(26,46,85,.2); border-radius: 4px }

.tpd-skin.tpd-visible-frame-right { left: 0 }

.tpd-skin-light a { color: inherit!important }

.tpd-tooltip { z-index: 9!important }

.tpd-tooltip a, .tpd-tooltip a:hover { color: inherit!important; text-decoration: inherit!important }

.load-more-btn { text-align: center; margin-top: 70px }



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

.load-more-btn { margin-top: 50px }

}

.load-more-btn .edu-btn { padding: 0 50px }



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

.load-more-btn .edu-btn { padding: 0 30px }

}

.load-more-btn .edu-btn i { font-size: 20px; top: 4px; padding-left: 10px }



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

.load-more-btn .edu-btn i { font-size: 15px; top: 2px }

}

.isotop-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -5px -5px 45px }



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

.isotop-button { display: inline-block; text-align: center }

}

.isotop-button button { text-align: center; font-size: 14px; font-weight: var(--p-medium); text-transform: uppercase; color: var(--color-heading); background-color: #ede8e1; border-radius: 5px; border: none; padding: 0 30px; height: 60px; margin: 5px; -webkit-transition: var(--transition); transition: var(--transition); position: relative; z-index: 1 }



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

.isotop-button button { padding: 0 25px; height: 50px; font-size: 12px }

}

.isotop-button button:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid var(--color-secondary); position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition); z-index: -1 }



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

.isotop-button button:after { display: none }

}

.isotop-button button:hover, .isotop-button button.is-checked { background-color: var(--color-secondary); color: var(--color-white) }

.isotop-button button:hover:after, .isotop-button button.is-checked:after { bottom: -10px; visibility: visible; opacity: 1 }

.isotop-button.button-transparent button { text-align: center; font-size: 16px; font-weight: var(--p-medium); text-transform: capitalize; background-color: transparent; color: var(--color-body); height: auto; padding: 0 12px }

.isotop-button.button-transparent button:after { display: block; border: none; height: 2px; width: 0; background-color: var(--color-primary); bottom: 0 }

.isotop-button.button-transparent button:hover:after, .isotop-button.button-transparent button.is-checked:after { width: 100%; visibility: visible; opacity: 1 }

.course-area-3 { overflow: hidden; position: relative; z-index: 1 }



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

.course-area-3 .shape-group { display: none }

}

.course-area-3 .shape-group li { position: absolute; z-index: -1 }

.course-area-3 .shape-group li.shape-1 { top: -75px; right: -50px }

.course-area-3 .shape-group li.shape-2 { bottom: -65px; left: -155px }

.course-area-7 { padding: 220px 0; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover }



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

.course-area-7 { padding: 150px 0 }

}

.course-area-7 .shape-group li { position: absolute; z-index: -1 }

.course-area-7 .shape-group li img { opacity: .3 }

.course-area-7 .shape-group li.shape-1 { top: 64px; left: -100px }

.course-area-7 .shape-group li.shape-2 { bottom: -50px; right: -90px }

.course-area-7 .shape-group li.shape-3 { top: 140px; right: -25px }

.edu-sorting-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px }



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

.edu-sorting-area { display: block; text-align: center }

}

.edu-sorting-area .showing-text { margin-bottom: 0 }

.edu-sorting-area .showing-text span { color: var(--color-primary) }

.edu-sorting-area .sorting-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }



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

.edu-sorting-area .sorting-right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}



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

.edu-sorting-area .sorting-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }

}

.edu-sorting-area .sorting-right .layout-switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 30px }



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

.edu-sorting-area .sorting-right .layout-switcher { margin-top: 20px }

}



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

.edu-sorting-area .sorting-right .layout-switcher { margin-right: 0 }

}

.edu-sorting-area .sorting-right .layout-switcher label { font-family: var(--font-secondary); font-size: 16px; font-weight: 600; color: var(--color-heading); margin-right: 10px; margin-top: 4px }

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -5px }

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li { margin: 5px }

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a { border: 1px solid var(--color-border); border-radius: 3px; padding: 8px; color: #d1d1d1; font-size: 16px; line-height: 1; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a:hover, .edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a.active { border-color: var(--color-primary); color: var(--color-primary) }

.edu-sorting-area .sorting-right .edu-sorting { position: relative }



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

.edu-sorting-area .sorting-right .edu-sorting { margin-top: 20px }

}

.edu-sorting-area .sorting-right .edu-sorting .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 22px; font-size: 10px; color: var(--color-heading) }

.edu-sorting-area .sorting-right .edu-sorting .edu-select { padding-left: 50px; width: 200px }

.course-details-content { padding-right: 10px }



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

.course-details-content { padding-right: 0 }

}

.course-details-content .nav-tabs { border-bottom: 1px solid var(--color-border); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

.course-details-content .nav-tabs .nav-item { margin: 0 5px }

.course-details-content .nav-tabs .nav-item .nav-link { font-weight: 600; font-size: 16px; line-height: 28px; border: 0 none; background: transparent; padding: 15px 25px; position: relative; color: var(--color-body); font-family: var(--font-secondary) }

.course-details-content .nav-tabs .nav-item .nav-link::after { position: absolute; content: ""; background: var(--color-primary); height: 2px; width: 0; -webkit-transition: 0.4s; transition: 0.4s; left: 0; bottom: 0; opacity: 0 }

.course-details-content .nav-tabs .nav-item .nav-link.active, .course-details-content .nav-tabs .nav-item .nav-link:hover { color: var(--color-primary) }

.course-details-content .nav-tabs .nav-item .nav-link.active::after, .course-details-content .nav-tabs .nav-item .nav-link:hover::after { width: 100%; opacity: 1 }

.course-details-content .course-tab-content { margin-top: 65px }



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

.course-details-content .course-tab-content { margin-top: 50px }

}

.course-details-content .entry-content .title { margin-bottom: 4px }

.course-details-content .entry-content .course-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: -20px; margin-left: -20px }



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

.course-details-content .entry-content .course-meta { display: block; margin-top: 20px }

}

.course-details-content .entry-content .course-meta li { margin-right: 20px; margin-left: 20px; font-weight: 500; color: var(--color-heading); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative }

.course-details-content .entry-content .course-meta li:after { content: ""; height: 19px; width: 1px; background-color: #dbdbdb; position: absolute; top: 4px; right: -20px }



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

.course-details-content .entry-content .course-meta li:after { display: none }

}

.course-details-content .entry-content .course-meta li:last-child:after { display: none }

.course-details-content .entry-content .course-meta li i { padding-right: 14px; font-size: 24px; color: var(--color-primary) }

.course-details-content .entry-content .course-meta .course-rating .rating { margin-right: 8px }

.course-details-content .entry-content .course-meta .course-rating .rating i { font-size: 15px; color: #f8b81f; padding: 0 }

.course-details-content .entry-content .thumbnail { position: relative; margin-top: 60px }



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

.course-details-content .entry-content .thumbnail { margin-top: 40px }

}

.course-details-content .entry-content .thumbnail img { border-radius: 5px }

.course-details-content .entry-content .thumbnail:after { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.7); border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }

.course-details-content .entry-content .thumbnail .video-play-btn { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; width: 80px; height: 80px; line-height: 82px; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; background-color: var(--color-white); margin: 0 auto; display: inline-block; font-size: 20px; text-align: center; color: var(--color-secondary) }



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

.course-details-content .entry-content .thumbnail .video-play-btn { width: 60px; height: 60px; line-height: 62px }

}

.course-details-content .entry-content .thumbnail .video-play-btn i { margin-left: 5px }

.course-details-content .entry-content .thumbnail .video-play-btn:hover { background-color: var(--color-secondary); color: var(--color-white) }

.course-details-content .course-enroll-box { margin-top: 110px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: var(--color-white); padding: 40px 0; box-shadow: 0 0 40px 0 rgba(0,0,0,.07) }



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

.course-details-content .course-enroll-box { margin-top: 80px; display: block; padding: 10px 0 }

}

.course-details-content .course-enroll-box .single-item { padding: 0 45px; position: relative; font-family: var(--font-secondary); text-align: center }



@media only screen and (min-width:992px) and (max-width:1199px) {

.course-details-content .course-enroll-box .single-item { padding: 0 35px }

}



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

.course-details-content .course-enroll-box .single-item { padding: 30px 35px }

}

.course-details-content .course-enroll-box .single-item:after { content: ""; height: 140px; width: 1px; background-color: var(--color-border); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }



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

.course-details-content .course-enroll-box .single-item:after { height: 1px; width: 100%; bottom: 0; top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }

}

.course-details-content .course-enroll-box .single-item:last-child:after { display: none }

.course-details-content .course-enroll-box .single-item .enroll-status { display: block; background-color: rgba(70,100,228,.07); border-radius: 5px; padding: 8px 28px; font-size: 14px; font-weight: 500; color: var(--color-extra08) }

.course-details-content .course-enroll-box .single-item .price { font-size: 28px; font-weight: 700; color: var(--color-secondary) }

.course-details-content .course-enroll-box .single-item .login-btn { font-size: 14px }

.course-details-content .course-enroll-box .single-item .login-btn a { font-weight: 500; color: var(--color-heading) }

.course-details-content .course-enroll-box .single-item .login-btn a:hover { color: var(--color-primary) }

.course-details-content .course-enroll-box .single-item.course-price { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.course-overview ul { list-style: none; padding: 0; margin: 30px 0 }

.course-overview ul li { margin-top: 15px; margin-bottom: 15px; padding-left: 30px; position: relative }

.course-overview ul li:after { content: "\e938"; font-family: var(--font-icomoon); color: var(--color-primary); position: absolute; left: 0; top: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.course-overview .border-box { border: 1px solid var(--color-border); padding: 40px 40px 30px;height: 100%;transition: all 0.30s ease-in-out;}

.course-overview .border-box:hover{background: var(--color-primary);}

.course-overview .border-box:hover ul li{color: #fff;}

.course-overview .border-box:hover ul li::after{color: #fff;}

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

.course-overview .border-box { padding: 40px 30px 30px }

}

.course-overview .border-box ul { margin: 0 }

.course-curriculam .course-lesson { border: 1px solid var(--color-border); padding: 40px 50px 50px; margin-bottom: 50px }



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

.course-curriculam .course-lesson { padding: 35px 20px 40px }

}

.course-curriculam .course-lesson .title { margin-bottom: 6px }

.course-curriculam .course-lesson:last-child { margin-bottom: 0 }

.course-curriculam .course-lesson ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; line-height: 26px; padding: 14px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; color: var(--color-heading); border-bottom: 1px solid var(--color-border); -webkit-transition: var(--transition); transition: var(--transition) }

.course-curriculam .course-lesson ul li:first-child { border-top: 1px solid var(--color-border) }

.course-curriculam .course-lesson ul li i { font-size: 16px; position: relative; top: 1px }

.course-curriculam .course-lesson ul li .text i { margin-right: 8px }

.course-curriculam .course-lesson ul li:hover { color: var(--color-primary) }

.course-curriculam .course-lesson .badge-list { margin: -3px; text-align: right }

.course-curriculam .course-lesson .badge { border-radius: 3px; font-size: 13px; font-weight: 500; padding: 7px; margin: 3px }

.course-curriculam .course-lesson .badge.badge-primary { background-color: rgba(26,182,157,.07); opacity: 1; color: var(--color-primary) }

.course-curriculam .course-lesson .badge.badge-secondary { background-color: rgba(238,74,99,.07); opacity: 1; color: var(--color-secondary) }

.course-instructor { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.course-instructor .thumbnail { min-width: 170px; margin-right: 30px }



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

.course-instructor .thumbnail { min-width: 80px }

}

.course-instructor .thumbnail img { width: 100%; object-fit: cover; border-radius: 5px }

.course-instructor .author-content .title { margin-bottom: 0; font-size: 20px }

.course-instructor .author-content .subtitle { display: block; margin-bottom: 20px }

.course-instructor .author-content p { margin-bottom: 25px }

.course-review .heading-title { margin-bottom: 5px }

.course-review .rating-box { background: #FFF; box-shadow: 0 0 40px 0 rgba(0,0,0,.07); border-radius: 5px; text-align: center; width: 170px; height: 170px; padding: 20px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }



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

.course-review .rating-box { margin: 0 auto }

}

.course-review .rating-box .rating { color: #f8b81f; margin-bottom: 5px }

.course-review .rating-box .rating-number { font-weight: 700; font-size: 28px; line-height: 1; font-family: var(--font-secondary); color: var(--color-secondary); margin-bottom: 10px }

.course-review .rating-box span { font-size: 14px; line-height: 26px }

.course-review .review-wrapper { margin-top: -30px }



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

.course-review .review-wrapper { margin-left: 30px }

}



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

.course-review .review-wrapper { margin-top: 0; margin-left: 0 }

}

.course-review .review-wrapper .single-progress-bar { position: relative }

.course-review .review-wrapper .rating-text { display: inline-block; position: relative; top: 17px; font-family: var(--font-secondary); font-size: 14px; font-weight: 500; color: var(--color-heading) }

.course-review .review-wrapper .rating-text i { color: #f8b81f; padding-left: 12px }

.course-review .review-wrapper .progress { margin-right: 38px; margin-left: 70px; height: 6px; background: #f2f2f2 }

.course-review .review-wrapper .progress .progress-bar { background-color: #f8b81f }

.course-review .review-wrapper span.rating-value { font-family: var(--font-secondary); font-size: 14px; font-weight: 500; color: var(--color-heading); position: absolute; right: 0; top: 55% }

.course-review .comment-area { margin-top: 70px }

.course-review .comment-list-wrapper .comment .comment-content .rating { color: #f8b81f; margin-bottom: 6px }

.course-review .comment-list-wrapper .comment+.comment { margin-top: 5px }

.course-review .comment-form-area { margin-top: 40px }

.course-review .comment-form-area .heading-title { margin-bottom: 25px }

.course-review .comment-form-area .rating-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px }

.course-review .comment-form-area .rating-icon .title { margin-bottom: 0; margin-right: 22px }

.course-review .comment-form-area .rating-icon .rating i { color: #e1e1e1 }

.course-review .comment-form-area .rating-icon .rating i:hover { color: #f8b81f }

.course-review .border-box { border: 1px solid var(--color-border); padding-bottom: 10px }

.course-review .border-box .rating-box { margin: 30px 0 30px 30px }



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

.course-review .border-box .rating-box { margin: 30px auto }

}

.course-review .border-box .review-wrapper { margin-right: 30px }



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

.course-review .border-box .review-wrapper { margin-left: 30px }

}



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

.course-review .border-box .review-wrapper { margin-bottom: 40px }

}

.course-review .border-box .comment-area { border-top: 1px solid var(--color-border); margin-top: 0; padding-top: 30px }

.course-review .border-box .comment-list-wrapper .comment { padding-left: 30px; padding-right: 30px }



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

.course-review .border-box .comment-list-wrapper .comment { padding-left: 20px; padding-right: 20px }

}

.course-details-3 .nav-tabs { margin-top: 80px }



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

.course-details-3 .nav-tabs { margin-top: 60px }

}

.course-details-3 .nav-tabs .nav-item .nav-link.active, .course-details-3 .nav-tabs .nav-item .nav-link:hover { color: var(--color-heading) }

.course-details-3 .course-curriculam .heading-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }

.course-details-3 .course-curriculam .heading-title .title { margin-bottom: 0 }

.course-details-3 .course-curriculam .heading-title button i { font-size: 6px; top: -2px }

.course-details-3 .course-curriculam .edu-accordion .heading-title { margin-bottom: 15px; margin-top: 40px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item { margin-bottom: 10px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button { padding: 30px 50px 26px 65px; display: block }

.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:before { content: ""; height: 20px; width: 20px; border: 3px solid var(--color-border); border-radius: 50%; position: absolute; top: 28px; left: 30px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:after { content: "\e91e"; font-size: 6px; height: 20px; width: 20px; line-height: 20px; text-align: center; background: var(--gradient-primary); color: var(--color-white); font-weight: 400; border-radius: 50%; position: absolute; top: 30%; right: 47px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .topics { display: block; font-size: 15px; color: var(--color-body); font-family: var(--font-primary); font-weight: 500; margin-top: 4px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .expand { position: absolute; top: 60%; right: 30px; font-size: 13px }

.course-details-3 .course-curriculam .edu-accordion .accordion-item.no-collapsed .accordion-button:after { display: none }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 30px 20px 70px; background-color: var(--color-primary); color: var(--color-white) }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title { color: var(--color-white); margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title i { font-size: 20px; margin-right: 15px }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text { font-size: 13px; font-weight: 500 }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span { position: relative; display: inline-block; margin-right: 20px }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:after { content: ""; height: 13px; width: 1px; background-color: var(--color-white); position: absolute; top: 4px; right: -12px }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child { margin-right: 0 }

.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child:after { display: none }

.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li { padding: 14px 30px 14px 100px; position: relative }

.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li:before { content: ""; height: 20px; width: 20px; border: 3px solid var(--color-border); border-radius: 50%; position: absolute; top: 50%; left: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.edu-event { position: relative; box-shadow: var(--shadow-darkest) }

.edu-event.event-style-1 { box-shadow: none }

.edu-event .thumbnail { -webkit-transition: var(--transition); transition: var(--transition); position: relative }

.edu-event .thumbnail a { display: block; border-radius: 5px 5px 0 0; position: relative; overflow: hidden }

.edu-event .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event .thumbnail a img { width: 100%; border-radius: 5px 5px 0 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event .thumbnail .event-time { position: absolute; top: 10px; left: 10px }

.edu-event .thumbnail .event-time span { background-color: #f8941f; border-radius: 4px; padding: 4px 10px; font-weight: 500; font-size: 12px; color: var(--color-white); font-family: var(--font-secondary); display: block }

.edu-event .thumbnail .event-time span i { margin-right: 5px; font-size: 18px; position: relative; top: 2px }

.edu-event .content { background-color: #f7f5f2; position: relative; padding: 40px 30px 45px; border-radius: 0 0 5px 5px; box-shadow: none; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event .content:after { content: ""; height: 10px; width: 100%; background-color: rgba(255,91,92,.3); border-radius: 0 0 5px 5px; position: absolute; bottom: -5px; left: 0; right: 0; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event .content .event-date { width: 80px; height: 80px; background: var(--color-primary); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -40px; right: 30px; z-index: 1 }

.edu-event .content .event-date span { font-weight: 700; font-size: 22px; display: block; color: var(--color-white); text-align: center; font-family: var(--font-secondary) }

.edu-event .content .event-date span.day { line-height: 1; margin-bottom: 4px }

.edu-event .content .event-date span.month { line-height: 1; font-size: 14px; font-weight: 500 }

.edu-event .content .title { margin-bottom: 16px }

.edu-event .content .event-meta { padding-top: 14px; padding-bottom: 0; margin: -5px -16px }

.edu-event .content .event-meta li { color: var(--color-body); margin: 5px 16px }

.edu-event .content .event-meta li i { color: var(--color-secondary); font-size: 22px; top: 5px; padding-right: 10px; position: relative }

.edu-event .content .read-more-btn { visibility: hidden; opacity: 0; margin-bottom: -50px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event .content p { margin-bottom: 0 }

.edu-event:hover .thumbnail { margin-bottom: -75px }

.edu-event:hover .thumbnail a:after { visibility: visible; opacity: 1 }

.edu-event:hover .thumbnail a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.edu-event:hover .content { padding: 40px 30px 35px; background-color: var(--color-white) }

.edu-event:hover .content:after { visibility: visible; opacity: 1 }

.edu-event:hover .content .read-more-btn { margin-top: 25px; margin-bottom: 0; visibility: visible; opacity: 1 }

.edu-event.event-style-2 .content { padding: 40px 30px 45px }

.edu-event.event-style-2 .content:after { display: none }

.edu-event.event-style-2:hover .thumbnail { margin-bottom: -70px }

.edu-event-list { background-color: var(--color-white); border-radius: 10px; padding: 30px; -webkit-transition: var(--transition); transition: var(--transition) }



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

.edu-event-list { padding: 20px }

}

.edu-event-list .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }



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

.edu-event-list .thumbnail { max-width: 100px }

}

.edu-event-list .thumbnail a { display: block; -webkit-mask-image: url(../images/others/mask-05.png); mask-image: url(../images/others/mask-05.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center }

.edu-event-list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 28px; padding-top: 12px }



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

.edu-event-list .content { padding-left: 15px }

}

.edu-event-list .content .event-meta { margin: -5px -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px }

.edu-event-list .content .event-meta li { color: var(--color-body); margin: 5px 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event-list .content .event-meta li i { color: var(--color-secondary); font-size: 16px; padding-right: 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event-list .content .title { margin-bottom: 12px }

.edu-event-list .content .event-location { padding-bottom: 10px; color: var(--color-body); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event-list .content .event-location i { color: var(--color-secondary); font-size: 22px; padding-right: 10px; position: relative; top: -1px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-event-list .content p { margin: 5px 0 22px }

.edu-event-list.bg-style-extra02 .content .edu-btn { background-color: var(--color-extra02) }

.edu-event-list.bg-style-extra02:hover { background-color: var(--color-extra02) }

.edu-event-list.bg-style-extra05 .content .edu-btn { background-color: var(--color-extra05) }

.edu-event-list.bg-style-extra05:hover { background-color: var(--color-extra05) }

.edu-event-list.bg-style-primary .content .edu-btn { background-color: var(--color-primary) }

.edu-event-list.bg-style-primary:hover { background-color: var(--color-primary) }

.edu-event-list.bg-style-primary .content .edu-btn:hover { background-color: var(--color-white)!important; color: var(--color-heading)!important }

.edu-event-list.bg-style-primary .content .edu-btn:hover:after { background: var(--color-white)!important }

.edu-event-list.bg-style-secondary .content .edu-btn { background-color: var(--color-secondary) }

.edu-event-list.bg-style-secondary:hover { background-color: var(--color-secondary) }

.edu-event-list:hover:not(.event-list-2) .content .title { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content .title a:hover { color: rgba(255,255,255,.8) }

.edu-event-list:hover:not(.event-list-2) .content .event-meta li { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content .event-meta li i { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content .event-location { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content .event-location i { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content p { color: var(--color-white) }

.edu-event-list:hover:not(.event-list-2) .content .edu-btn { background-color: var(--color-white); color: var(--color-heading) }

.edu-event-list:hover:not(.event-list-2) .content .edu-btn:hover { color: var(--color-white) }

.edu-event-list.event-list-2 { padding: 0; border-radius: 0; border-bottom: 1px solid var(--color-border); padding-bottom: 30px }

.edu-event-list.event-list-2 .inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start }



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

.edu-event-list.event-list-2 .inner { display: block }

}

.edu-event-list.event-list-2 .thumbnail a { -webkit-mask-image: none; mask-image: none; border-radius: 10px }

.edu-event-list.event-list-2 .thumbnail a img { border-radius: 10px }



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

.edu-event-list.event-list-2 .thumbnail a img { width: 100% }

}

.edu-event-list.event-list-2 .content { padding-left: 40px; padding-top: 6px }



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

.edu-event-list.event-list-2 .content { padding-left: 0; padding-top: 30px }

}

.edu-event-list.event-list-2 .content .event-meta li i { color: var(--color-primary) }

.edu-event-list.event-list-2 .content .event-location i { color: var(--color-primary) }

.event-view-all-btn { text-align: center; margin-top: 55px }

.event-view-all-btn .view-text { font-size: 18px; margin-bottom: 0 }

.edu-event-area { position: relative }

.edu-event-area .shape-group li { position: absolute; z-index: -1 }

.edu-event-area .shape-group li.shape-1 { top: 81px; left: -81px }

.edu-event-area .shape-group li.shape-2 { top: -44px; left: -190px; z-index: -1 }

.edu-event-area .shape-group li.shape-2 span { display: block; height: 400px; width: 400px; border: 1px solid var(--color-border); border-radius: 50% }

.event-area-2 { padding: 115px 0 120px }



@media only screen and (min-width:768px) and (max-width:991px) {

.event-area-2 { padding: 55px 0 100px }

}



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

.event-area-2 { padding: 35px 0 80px }

}

.event-area-3 { padding: 220px 0 230px; z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.event-area-3 { padding: 200px 0 }

}



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

.event-area-3 { padding: 200px 0 }

}

.event-area-3 .shape-group li { z-index: -1 }

.event-area-3 .shape-group li img { opacity: .3 }

.event-area-3 .shape-group li.shape-1 { right: -77px; top: 108px; left: inherit }

.event-area-3 .shape-group li.shape-2 { top: inherit; bottom: -71px; left: -90px }

.event-details { margin-bottom: 60px }

.event-details .main-thumbnail { margin-bottom: 70px }

.event-details .main-thumbnail img { border-radius: 10px }

.event-details .details-content ul { list-style-type: disc; margin-bottom: 60px }

.event-details .details-content ul li { color: var(--color-heading) }

.event-details .details-content .event-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -10px -20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }

.event-details .details-content .event-meta li { margin-right: 20px; margin-left: 20px; color: var(--color-heading); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative }

.event-details .details-content .event-meta li:after { content: ""; height: 19px; width: 1px; background-color: #dbdbdb; position: absolute; top: 4px; right: -20px }

.event-details .details-content .event-meta li:last-child:after { display: none }

.event-details .details-content .event-meta li i { padding-right: 10px; font-size: 20px; color: var(--color-primary) }

.event-details .details-content .gmap_canvas { margin-top: 40px }

.event-details .details-content .gmap_canvas #gmap_canvas { height: 370px; width: 100%; border-radius: 5px }

.event-speaker .heading-title { margin-bottom: 30px }

.faq-accordion .accordion-item { border: none; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 10px 50px 0 rgba(26,46,85,.1) }

.faq-accordion .accordion-item:last-child { margin-bottom: 0 }

.faq-accordion .accordion-item .accordion-header { padding: 0; position: relative }

.faq-accordion .accordion-item .accordion-button { background-color: var(--color-primary); padding: 20px 45px 20px 30px; border-radius: 10px 10px 0 0; border: none; box-shadow: none; font-size: 18px; font-weight: 600; color: var(--color-white); -webkit-transition: .3s; transition: .3s; z-index: 2 }



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

.faq-accordion .accordion-item .accordion-button { font-size: 16px }

}

.faq-accordion .accordion-item .accordion-button:after { display: none }

.faq-accordion .accordion-item .accordion-button:before { content: "\e91e"; font-family: "icomoon"; font-size: 6px; color: var(--color-white); background-image: none; position: absolute; top: 22px; right: 30px; line-height: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .3s; transition: .3s }

.faq-accordion .accordion-item .accordion-button.collapsed { background-color: transparent; color: var(--color-heading) }

.faq-accordion .accordion-item .accordion-button.collapsed:before { top: 26px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: var(--color-body) }

.faq-accordion .accordion-item .accordion-body { padding: 25px 30px 30px }

.faq-accordion .accordion-item .accordion-body p { margin-bottom: 0 }

.edu-faq-content { position: relative }

.edu-faq-content .shape-group { margin: 0 }

.edu-faq-content .shape-group li { position: absolute; z-index: -1 }

.edu-faq-content .shape-group li.shape-1 { bottom: -115px; right: -145px }

.edu-faq-content .shape-group li.shape-2 { bottom: -95px; right: -165px }

.edu-faq-content .shape-group li.shape-2 span { display: block; height: 101px; width: 101px; border: 15px solid var(--color-secondary); border-radius: 50% }

.edu-faq-gallery { position: relative }

.edu-faq-gallery .thumbnail-1 { text-align: right }

.edu-faq-gallery .thumbnail-1 img { border-radius: 120px 120px 0 120px }

.edu-faq-gallery .thumbnail-2 { margin-top: 70px }

.edu-faq-gallery .thumbnail-2 img { border-radius: 60px 0 100px }

.edu-faq-gallery .thumbnail-3 { margin-top: -30px; text-align: right }

.edu-faq-gallery .thumbnail-3 img { border-radius: 60px 0 100px }

.edu-faq-gallery .thumbnail-4 img { border-radius: 0 50px 120px 120px }

.edu-faq-gallery .shape-group { margin: 0 }

.edu-faq-gallery .shape-group li { position: absolute; z-index: -1; margin: 0 }

.edu-faq-gallery .shape-group li.shape-1 { top: -45px; left: 44% }

.edu-faq-gallery .shape-group li.shape-2 { top: 56px; right: -10px }

.edu-faq-gallery .shape-group li.shape-3 { bottom: -15px; left: -7px; z-index: 1 }



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

.edu-faq-gallery .shape-group li.shape-3 { display: none }

}

.edu-faq-gallery .shape-group li.shape-4 { bottom: -45px; left: -45px }



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

.edu-faq-gallery .shape-group li.shape-4 { display: none }

}

.faq-style-1 { padding: 150px 0 120px }



@media only screen and (min-width:768px) and (max-width:991px) {

.faq-style-1 { padding: 150px 0 100px }

}



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

.faq-style-1 { padding: 100px 0 }

}

.faq-style-2 { padding: 120px 0 150px }



@media only screen and (min-width:768px) and (max-width:991px) {

.faq-style-2 { padding: 100px 0 }

}



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

.faq-style-2 { padding: 80px 0 100px }

}

.faq-style-2 .edu-faq-gallery { z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.faq-style-2 .edu-faq-gallery { margin-top: 50px }

}



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

.faq-style-2 .edu-faq-gallery { margin-top: 20px }

}

.faq-style-2 .edu-faq-gallery .thumbnail-1 { margin-top: 35px }

.faq-style-2 .edu-faq-gallery .thumbnail-1 img { border-radius: 0 80px 0 80px }

.faq-style-2 .edu-faq-gallery .thumbnail-2 { margin-top: 285px }



@media only screen and (min-width:768px) and (max-width:991px) {

.faq-style-2 .edu-faq-gallery .thumbnail-2 { margin-top: 0 }

}



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

.faq-style-2 .edu-faq-gallery .thumbnail-2 { margin-top: 0 }

}

.faq-style-2 .edu-faq-gallery .thumbnail-2 img { border-radius: 80px 0 80px 0 }



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

.faq-style-2 .edu-faq-gallery .shape-group { display: none }

}

.faq-style-2 .edu-faq-gallery .shape-group .shape-1 { top: 35px; left: -35px }

.faq-style-2 .edu-faq-gallery .shape-group .shape-2 { top: 35px; left: 210px; right: auto; z-index: 1 }

.faq-style-2 .edu-faq-gallery .shape-group .shape-3 { top: 230px; left: inherit; bottom: inherit; right: -22px; z-index: -1 }

.faq-style-2 .edu-faq-gallery .shape-group .shape-4 { top: 270px; left: inherit; right: -58px; bottom: inherit }

.faq-style-2 .edu-faq-gallery .shape-group .shape-5 { bottom: 110px; left: -50px }

.faq-style-2 .edu-faq-gallery .shape-group .shape-6 { bottom: 35px; left: 90px }

.faq-style-3 .edu-faq-gallery { text-align: right }



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

.faq-style-3 .edu-faq-gallery { text-align: center }

}

.faq-style-3 .edu-faq-gallery .thumbnail-1 { background-color: var(--color-white); box-shadow: 0 20px 40px 0 rgba(42,11,88,.1); padding: 20px; border-radius: 10px; display: inline-block }



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

.faq-style-3 .edu-faq-gallery .thumbnail-1 { display: block }

}

.faq-style-3 .edu-faq-gallery .thumbnail-1 img { border-radius: 0; width: 100% }



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

.faq-style-3 .edu-faq-gallery .shape-group { display: none }

}

.faq-style-3 .edu-faq-gallery .shape-group .shape-1 { top: -30px; right: -50px; left: inherit }

.faq-style-3 .edu-faq-gallery .shape-group .shape-2 { top: 70px; right: -97px; z-index: 1 }

.faq-style-3 .edu-faq-gallery .shape-group .shape-3 { bottom: -40px; left: -68px; z-index: -1 }

.faq-style-4 .faq-accordion .accordion-item .accordion-button { color: var(--color-white) }

.faq-style-4 .faq-accordion .accordion-item .accordion-button:before { color: var(--color-white) }

.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra02 { background-color: var(--color-extra02) }

.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra05 { background-color: var(--color-extra05) }

.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-primary { background-color: var(--color-primary) }

.faq-style-4 .faq-accordion .accordion-item .accordion-button.collapsed { border-radius: 10px }

.faq-style-4 .faq-thumbnail { position: relative }

.faq-style-4 .faq-thumbnail .thumbnail { -webkit-mask-image: url(../images/others/mask-09.png); mask-image: url(../images/others/mask-09.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; text-align: center }

.faq-style-4 .faq-thumbnail .shape-group li { margin: 0; position: absolute; z-index: -1 }

.faq-style-4 .faq-thumbnail .shape-group li.shape-1 { top: -78px; right: 115px; z-index: 1 }



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

.faq-style-4 .faq-thumbnail .shape-group li.shape-1 { z-index: -1 }

}

.faq-style-4 .faq-thumbnail .shape-group li.shape-2 { top: 0; right: 30px }

.faq-style-4 .faq-thumbnail .shape-group li.shape-3 { bottom: 40px; left: 10px }

.faq-page-area { overflow: hidden }

.faq-page-nav { padding-right: 30px }



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

.faq-page-nav { text-align: center; margin-bottom: 40px; padding-right: 0 }

}

.faq-page-nav .title { margin-bottom: 14px }

.faq-page-nav .nav-tabs { border: none; display: block }

.faq-page-nav .nav-tabs .nav-item { margin: 18px 0 }

.faq-page-nav .nav-tabs .nav-link { border: none; background-color: transparent; padding: 5px 0; color: var(--color-heading); font-weight: 600; font-family: var(--font-secondary); position: relative; -webkit-transition: var(--transition); transition: var(--transition) }



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

.faq-page-nav .nav-tabs .nav-link { margin: 0 auto }

}

.faq-page-nav .nav-tabs .nav-link:after { content: "\e95a"; font-family: var(--font-icomoon); color: var(--color-primary); font-size: 20px; font-weight: 400; position: absolute; top: 1px; left: -20px; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.faq-page-nav .nav-tabs .nav-link.active { padding-left: 30px; color: var(--color-primary) }

.faq-page-nav .nav-tabs .nav-link.active:after { font-size: 20px; left: 0; visibility: visible; opacity: 1 }

.faq-page-tab-content { position: relative }

.faq-page-tab-content:after { content: url(../images/others/map-shape-1.png); position: absolute; bottom: -90px; right: 70px; z-index: -1 }

.features-area-1 .features-box svg { max-width: 37px }

.features-area-1 .features-box:hover .icon svg path { stroke: var(--color-white) }

.features-box { padding: 50px 30px; text-align: center; border-radius: 4px; box-shadow: var(--shadow-darker); background-color: var(--color-white); -webkit-transition: var(--transition); transition: var(--transition) }

.features-box .icon { height: 80px; width: 80px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 32px; margin: 0 auto 28px; -webkit-transition: var(--transition); transition: var(--transition) }

.features-box .content .title { margin-bottom: 15px; -webkit-transition: var(--transition); transition: var(--transition) }

.features-box .content .title span { display: block }

.features-box .content p { color: var(--color-heading); margin-bottom: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.features-box.color-primary-style .icon { background-color: rgba(26,182,157,.1); color: var(--color-primary) }

.features-box.color-primary-style .icon:after { background-color: var(--color-primary) }

.features-box.color-primary-style:hover .icon { background-color: #1ab69d; color: var(--color-white) }

.features-box.color-secondary-style .icon { background-color: rgba(238,74,98,.1); color: var(--color-secondary) }

.features-box.color-secondary-style .icon:after { background-color: var(--color-secondary) }

.features-box.color-secondary-style:hover .icon { background-color: #ee4a62; color: var(--color-white) }

.features-box.color-extra05-style .icon { background-color: rgba(248,148,31,.1); color: var(--color-extra05) }

.features-box.color-extra05-style .icon:after { background-color: var(--color-extra05) }

.features-box.color-extra05-style:hover .icon { background-color: #f8941f; color: var(--color-white) }

.features-box.color-extra08-style .icon { background-color: rgba(70,100,228,.1); color: var(--color-extra08) }

.features-box.color-extra08-style:hover .icon { background-color: #4664e4; color: var(--color-white) }

.features-box.color-extra02-style .icon { background-color: rgba(142,86,255,.1); color: var(--color-extra02) }

.features-box.color-extra02-style .icon:after { background-color: var(--color-extra02) }

.features-box.color-extra02-style:hover .icon { background-color: #8e56ff; color: var(--color-white) }

.features-box.color-extra03-style .icon { background-color: rgba(249,37,150,.1); color: var(--color-extra03) }

.features-box.color-extra03-style .icon:after { background-color: var(--color-extra03) }

.features-box.color-extra03-style:hover .icon { background-color: #f92596; color: var(--color-white) }

.features-box.color-extra04-style .icon { background-color: rgba(88,102,235,.1); color: var(--color-extra04) }

.features-box.color-extra04-style .icon:after { background-color: var(--color-extra04) }

.features-box.color-extra04-style:hover .icon { background-color: #5866eb; color: var(--color-white) }

.features-box.features-style-2 { background-color: transparent; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; text-align: left; border-right: 1px solid rgba(255,255,255,.15); padding-left: 40px }



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

.features-box.features-style-2 { padding-left: 0; border-right: none }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.features-box.features-style-2 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}



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

.features-box.features-style-2 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}



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

.features-box.features-style-2 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }

}

.features-box.features-style-2 .edublink-svg-animate svg path { stroke: #ffffff!important; max-width: 38px }

.features-box.features-style-2:first-child { padding-left: 0 }

.features-box.features-style-2:last-child { border-right: none }

.features-box.features-style-2 .icon { margin: 0; background-color: rgba(255,255,255,.1); color: var(--color-white) }

.features-box.features-style-2 .content { padding-left: 20px }

.features-box.features-style-2 .content .title { margin-bottom: 0; font-weight: var(--p-medium); color: var(--color-white) }

.features-box.features-style-3 { background-color: transparent; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 50px 25px 42px; text-align: left }



@media only screen and (min-width:768px) and (max-width:991px) {

.features-box.features-style-3 { padding: 40px 50px }

}



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

.features-box.features-style-3 { padding: 30px 25px }

}

.features-box.features-style-3:first-child { padding-left: 50px }



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

.features-box.features-style-3:first-child { padding-left: 25px }

}

.features-box.features-style-3 .icon { margin-top: 2px; height: auto; width: auto; min-width: 50px; background-color: transparent; font-size: 40px; margin-right: 20px; margin-bottom: 0 }

.features-box.features-style-3 .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.features-box.features-style-3 .content p { color: var(--color-body) }

.features-box.features-style-3:hover .icon { background-color: transparent; color: none }

.features-box.features-style-3:hover.color-primary-style { background-color: rgba(26,182,157,.07) }

.features-box.features-style-3:hover.color-primary-style:hover .icon { color: var(--color-primary) }

.features-box.features-style-3:hover.color-secondary-style:hover { background-color: rgba(238,74,98,.07) }

.features-box.features-style-3:hover.color-secondary-style:hover .icon { color: var(--color-secondary) }

.features-box.features-style-3:hover.color-extra02-style:hover { background-color: rgba(142,86,255,.07) }

.features-box.features-style-3:hover.color-extra02-style:hover .icon { color: var(--color-extra02) }

.features-box.features-style-4 { background-color: transparent; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0; text-align: left; margin-bottom: 50px }

.features-box.features-style-4 .icon { -webkit-mask-image: url(../images/others/mask-08.png); mask-image: url(../images/others/mask-08.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; height: 83px; width: 109px; font-size: 40px; margin-right: 30px; margin-bottom: 0; border-radius: 0; position: relative }



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

.features-box.features-style-4 .icon { margin-right: 15px }

}

.features-box.features-style-4 .icon:after { content: ""; -webkit-mask-image: url(../images/others/mask-07.png); mask-image: url(../images/others/mask-07.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }

.features-box.features-style-4 .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.features-box.features-style-4 .content .title { font-weight: var(--p-bold); margin-bottom: 5px }

.features-box.features-style-4 .content p { color: var(--color-body) }

.features-grid-wrap { display: grid; grid-template-columns: repeat(4, 1fr) }



@media only screen and (min-width:768px) and (max-width:991px) {

.features-grid-wrap { grid-template-columns: repeat(2, 1fr) }

}



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

.features-grid-wrap { grid-template-columns: repeat(2, 1fr) }

}



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

.features-grid-wrap { grid-template-columns: repeat(1, 1fr) }

}

.features-area-2 { background: #0e284c; }

.features-area-3 .features-grid-wrap { grid-template-columns: repeat(3, 1fr); background-color: var(--color-white); box-shadow: 0 20px 40px 0 rgba(42,11,88,.1); border-radius: 5px; margin-top: -120px; position: relative; z-index: 2 }



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

.features-area-3 .features-grid-wrap { grid-template-columns: repeat(1, 1fr) }

}

.features-area-4 { padding: 120px 0 90px }



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

.features-area-4 { padding: 100px 0 90px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.features-area-4 { padding: 60px 0 80px }

}



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

.features-area-4 { padding: 60px 0 }

}

.edu-gallery-area .gallery-grid-wrap { margin: -15px }

.edu-gallery-grid { position: relative; display: block; padding: 15px; width: 33.33% }



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

.edu-gallery-grid { width: 50% }

}



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

.edu-gallery-grid { width: 100% }

}

.edu-gallery-grid .thumbnail { position: relative }

.edu-gallery-grid .thumbnail img { border-radius: 5px; width: 100% }

.edu-gallery-grid .thumbnail::before { background: -webkit-linear-gradient(235deg, #31b978 0%, #1ab69d 100%); background: linear-gradient(-145deg, #31b978 0%, #1ab69d 100%); border-radius: 5px; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s }

.edu-gallery-grid .zoom-icon { opacity: 0; position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s; transition: 0.3s; height: 70px; width: 70px; line-height: 70px; background-color: var(--color-white); border-radius: 50%; text-align: center; font-size: 20px; color: var(--color-primary); cursor: pointer }



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

.edu-gallery-grid .zoom-icon { width: 50px; height: 50px; line-height: 52px; font-size: 16px }

}

.edu-gallery-grid:hover .thumbnail:before { opacity: .9 }

.edu-gallery-grid:hover .zoom-icon { top: 50%; opacity: 1 }

.hero-banner { min-height: 660px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.hero-banner { min-height: 600px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner { min-height: 100% }

}

.hero-banner .banner-content { position: relative; z-index: 2 }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner .banner-content { text-align: center; margin-bottom: 50px }

}



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

.hero-banner .banner-content { text-align: center; margin-bottom: 40px }

}

.hero-banner .banner-content .subtitle { font-family: var(--font-secondary); font-weight: var(--p-bold); color: var(--color-tertiary); text-transform: uppercase; letter-spacing: 2.6px; font-size: 16px; margin-bottom: 20px; display: block }

.hero-banner .banner-content .title { margin-bottom: 18px }



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

.hero-banner .banner-content .title br { display: none }

}

.hero-banner .banner-content p { color: var(--color-heading); font-size: 18px }

.hero-banner .banner-content .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner .banner-content .shape-group li.shape-1 { top: -75px; left: -90px }

.hero-banner .banner-thumbnail { margin-right: -75px; position: relative; z-index: 1 }



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

.hero-banner .banner-thumbnail { margin-right: 0 }

}

.hero-banner .banner-thumbnail .thumbnail { text-align: right }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner .banner-thumbnail .thumbnail { text-align: center }

}



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

.hero-banner .banner-thumbnail .thumbnail { text-align: center }

}

.hero-banner .banner-thumbnail .instructor-info { position: absolute; bottom: 70px; left: 0 }



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

.hero-banner .banner-thumbnail .instructor-info { bottom: 40px }

}

.hero-banner .banner-thumbnail .instructor-info .inner { background-color: var(--color-white); border-radius: 10px; padding: 26px 30px 16px; box-shadow: 0 20px 40px 0 rgba(0,0,0,.1) }

.hero-banner .banner-thumbnail .instructor-info .inner .title { margin-bottom: 5px }

.hero-banner .banner-thumbnail .instructor-info .inner .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.hero-banner .banner-thumbnail .instructor-info .inner .media .thumb { margin-left: -2px }

.hero-banner .banner-thumbnail .instructor-info .inner .media .content { line-height: 1; color: var(--color-heading); font-weight: 500; margin-top: 10px }

.hero-banner .banner-thumbnail .instructor-info .inner .media .content span { display: block; font-weight: 700; color: var(--color-secondary) }

.hero-banner .banner-thumbnail .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner .banner-thumbnail .shape-group li.shape-1 { top: 50px; left: 160px }

.hero-banner .banner-thumbnail .shape-group li.shape-2 { top: 115px; left: 170px }

.hero-banner .banner-thumbnail .shape-group li.shape-3 { top: 45%; left: 17% }

.hero-banner .banner-thumbnail .shape-group li.shape-4 { top: 114px; right: 41px; z-index: 1 }

.hero-banner .banner-thumbnail .shape-group li.shape-5 { bottom: 100px; right: -50px }

.hero-banner .banner-thumbnail .shape-group li.shape-6 { bottom: 132px; right: -98px }

.hero-banner.presentation-hero-style { min-height: 745px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-clip-path: none; clip-path: none; min-height: 930px; margin-top: -110px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.presentation-hero-style { min-height: 740px }

}



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

.hero-banner.presentation-hero-style { min-height: 600px }

}

.hero-banner.presentation-hero-style .banner-content { text-align: center; padding-bottom: 30px }



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

.hero-banner.presentation-hero-style .banner-content { padding: 160px 0 }

}

.hero-banner.presentation-hero-style .banner-content .subtitle { letter-spacing: 1px; background: #31B978; background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%); background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 40px }



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

.hero-banner.presentation-hero-style .banner-content .subtitle { font-size: 14px }

}

.hero-banner.presentation-hero-style .banner-content .title { margin-bottom: 40px }

.hero-banner.presentation-hero-style .banner-content:before, .hero-banner.presentation-hero-style .banner-content:after { content: ''; display: block; position: absolute; z-index: -1; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid #dae1e3 }



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

.hero-banner.presentation-hero-style .banner-content:before, .hero-banner.presentation-hero-style .banner-content:after { display: none }

}

.hero-banner.presentation-hero-style .banner-content:before { height: 570px; width: 570px; top: -140px; left: 200px; -webkit-animation: ripple_3 2.5s linear 1s infinite; animation: ripple_3 2.5s linear 1s infinite }



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

.hero-banner.presentation-hero-style .banner-content:before { left: 110px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.presentation-hero-style .banner-content:before { height: 400px; width: 400px; left: 154px; top: -70px }

}

.hero-banner.presentation-hero-style .banner-content:after { height: 370px; width: 370px; top: -43px; left: 299px; -webkit-animation: ripple_3 2.5s linear infinite; animation: ripple_3 2.5s linear infinite }



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

.hero-banner.presentation-hero-style .banner-content:after { left: 210px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.presentation-hero-style .banner-content:after { height: 300px; width: 300px; left: 202px; top: -16px }

}

.hero-banner.presentation-hero-style .banner-content p { width: 70%; margin: 0 auto 30px }



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

.hero-banner.presentation-hero-style .banner-content p { width: 100% }

}

.hero-banner.presentation-hero-style .banner-gallery { display: block; position: initial }



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

.hero-banner.presentation-hero-style .banner-gallery { display: none }

}

.hero-banner.presentation-hero-style .banner-gallery .thumbnail { position: absolute; z-index: 2 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.presentation-hero-style .banner-gallery .thumbnail img { width: 75% }

}



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

.hero-banner.presentation-hero-style .banner-gallery .thumbnail img { width: 65% }

}

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 { top: 225px; left: 0 }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 img { -webkit-animation: none; animation: none }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-2 { top: inherit; bottom: 158px; right: inherit; left: 0; padding: 0 }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 { top: 195px; right: 0 }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 img { border-radius: 0 }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 { bottom: 180px; right: 0 }



@media only screen and (min-width:1200px) and (max-width:1599px), only screen and (max-width:1199px) {

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 { right: -115px }

}

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 { top: 135px; left: 325px; border-radius: 10px }

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 img { border-radius: 10px; box-shadow: 0 20px 50px 0 rgba(0,0,0,.04) }



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

.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 { display: none }

}



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

.hero-banner.presentation-hero-style .shape-group { display: none }

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.presentation-hero-style .shape-group li img { width: 75% }

}



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

.hero-banner.presentation-hero-style .shape-group li img { width: 65% }

}

.hero-banner.presentation-hero-style .shape-group li.shape-1 { top: auto; bottom: 37%; left: 19% }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.presentation-hero-style .shape-group li.shape-1 { bottom: 32%; left: 19% }

}

.hero-banner.presentation-hero-style .shape-group li.shape-1 img { opacity: 1 }

.hero-banner.presentation-hero-style .shape-group li.shape-2 { top: auto; bottom: 29%; left: 20%; z-index: 2 }

.hero-banner.presentation-hero-style .shape-group li.shape-3 { top: 145px; bottom: auto; left: auto; right: 13% }

.hero-banner.presentation-hero-style .shape-group li.shape-4 { top: 29%; bottom: auto; left: auto; right: 15%; z-index: 2 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.presentation-hero-style .shape-group li.shape-4 { top: 19%; right: 23% }

}

.hero-banner.presentation-hero-style .shape-group li.shape-4 span { display: block; height: 100px; width: 100px; border: 16px solid var(--color-tertiary); border-radius: 50% }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.presentation-hero-style .shape-group li.shape-4 span { height: 50px; width: 50px; border: 7px solid var(--color-tertiary) }

}

.hero-banner.hero-style-1 { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-1 { padding-top: 95px }

}



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

.hero-banner.hero-style-1 { padding-top: 75px }

}



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

.hero-banner.hero-style-1 .banner-content .shape-group { display: none }

}



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

.hero-banner.hero-style-1 .banner-thumbnail .shape-group { display: none }

}

.hero-banner.hero-style-1 .banner-thumbnail .shape-group .shape-1 { -webkit-animation: edublink-sm-x-move 3.5s alternate infinite linear; animation: edublink-sm-x-move 3.5s alternate infinite linear }

.hero-banner.hero-style-2 { padding: 140px 0 180px; background-position: center bottom }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-2 { padding: 100px 0 150px }

}



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

.hero-banner.hero-style-2 { padding: 80px 0 150px }

}

.hero-banner.hero-style-2 .banner-gallery { text-align: right; display: grid; grid-template-columns: repeat(2, 1fr); position: relative; z-index: 1 }

.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-1 img { border-radius: 0 70px 0 110px }

.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 { padding-top: 120px; padding-left: 30px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 { text-align: left }

}



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

.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 { text-align: left; padding-top: 0 }

}

.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 img { border-radius: 50px 0 90px 0 }

.hero-banner.hero-style-2 .banner-gallery .online-support { position: absolute; left: 50px; bottom: 40px }



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

.hero-banner.hero-style-2 .banner-gallery .online-support { display: none }

}

.hero-banner.hero-style-2 .banner-gallery .online-support .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 20px 40px rgba(0,0,0,.1); background: #FFF; border-radius: 50px 10px 50px 10px }

.hero-banner.hero-style-2 .banner-gallery .online-support .inner .icon { width: 50px; height: 50px; background: rgba(238,74,98,.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-right: 15px; color: var(--color-secondary); font-size: 22px }

.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content { text-align: left }

.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .subtitle { font-size: 13px; font-weight: var(--p-bold); color: rgba(20,20,23,.5); text-transform: uppercase; margin-bottom: 5px; display: block }

.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title { color: var(--color-secondary); font-weight: var(--p-medium); line-height: 1; margin-bottom: 0 }



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

.hero-banner.hero-style-2 .banner-gallery .shape-group { display: none }

}

.hero-banner.hero-style-2 .banner-gallery .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-1 { top: -58px; right: 125px }

.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-2 { top: 85px; right: -50px }

.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-3 { bottom: 30px; right: -108px }

.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-4 { bottom: -10px; left: -12px }

.hero-banner.hero-style-3 { min-height: 715px; position: relative; z-index: 1; -webkit-mask-image: url(../images/others/mask-01.png); mask-image: url(../images/others/mask-01.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-3 { min-height: 100%; padding: 100px 0 55px }

}



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

.hero-banner.hero-style-3 { min-height: 100%; padding: 80px 0 35px }

}

.hero-banner.hero-style-3:before { content: ""; height: 100%; width: 100%; background: -webkit-linear-gradient(left, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 }

.hero-banner.hero-style-3 .banner-content { padding-bottom: 110px }

.hero-banner.hero-style-3 .banner-content .title { color: var(--color-white); font-weight: var(--p-extra-bold) }

.hero-banner.hero-style-3 .banner-content p { color: var(--color-white); font-size: 18px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-3 .shape-group { display: none }

}



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

.hero-banner.hero-style-3 .shape-group { display: none }

}

.hero-banner.hero-style-3 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner.hero-style-3 .shape-group li.shape-1 { top: -122px; left: -207px }

.hero-banner.hero-style-3 .shape-group li.shape-2 { top: -108px; left: 142px }

.hero-banner.hero-style-3 .shape-group li.shape-3 { top: -410px; left: -516px }

.hero-banner.hero-style-4 { min-height: 745px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%); clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%) }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-4 { -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%); clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%) }

}



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

.hero-banner.hero-style-4 { -webkit-clip-path: none; clip-path: none }

}

.hero-banner.hero-style-4 .banner-content { text-align: center; padding-bottom: 30px }

.hero-banner.hero-style-4 .banner-content p { width: 70%; margin: 0 auto 30px }



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

.hero-banner.hero-style-4 .banner-content p { width: 100% }

}

.hero-banner.hero-style-4 .banner-gallery { display: block; position: initial }

.hero-banner.hero-style-4 .banner-gallery .thumbnail { position: absolute }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail { width: 17% }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail { width: 15% }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail { width: 30% }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail { display: none }

}

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 { top: 140px; left: 120px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 { left: 30px }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 { left: 80px }

}

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 img { border-radius: 0; -webkit-animation: radiusChange 8s linear infinite; animation: radiusChange 8s linear infinite }

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 { top: 100px; right: 120px; padding-top: 0 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 { right: 40px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 { right: 15px }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 { right: 15px }

}

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 img { border-radius: 50px 0; -webkit-animation: radiusChange2 5s linear; animation: radiusChange2 5s linear }

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 { bottom: 160px; right: 310px; padding-top: 0 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 { right: 200px }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 { right: 100px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 { right: 15px }

}



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

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 { right: 15px }

}

.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 img { border-radius: 10px 40px }

.hero-banner.hero-style-4 .banner-gallery .online-support { position: absolute; left: 240px; bottom: 160px }



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

.hero-banner.hero-style-4 .banner-gallery .online-support { left: 100px; bottom: 100px }

}



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

.hero-banner.hero-style-4 .banner-gallery .online-support { display: none }

}



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

.hero-banner.hero-style-4 .banner-gallery .online-support { left: 0; bottom: -40px }

}

.hero-banner.hero-style-4 .banner-gallery .online-support .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 20px 40px rgba(0,0,0,.1); background: #FFF; border-radius: 50px 10px 50px 10px }

.hero-banner.hero-style-4 .banner-gallery .online-support .inner .icon { width: 50px; height: 50px; background: rgba(238,74,98,.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-right: 15px; color: var(--color-secondary); font-size: 22px }

.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content { text-align: left }

.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .subtitle { font-size: 13px; font-weight: var(--p-bold); color: rgba(20,20,23,.5); text-transform: uppercase; margin-bottom: 5px; display: block }

.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title { color: var(--color-heading); font-weight: var(--p-medium); line-height: 1; margin-bottom: 0 }

.hero-banner.hero-style-4 .scroll-down-btn { position: absolute; bottom: -75px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }



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

.hero-banner.hero-style-4 .scroll-down-btn { bottom: 5px }

}

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn { height: 200px; width: 200px; background-color: rgba(255,255,255,.5); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative }



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

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn { height: 50px; width: 50px; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

}

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i { padding-top: 40px; font-size: 26px; color: var(--color-primary) }



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

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i { font-size: 16px; padding-top: 0 }

}

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before, .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid #dfe7e9 }



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

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before, .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after { display: none }

}

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before { -webkit-animation: ripple_2 3s linear infinite; animation: ripple_2 3s linear infinite }

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after { -webkit-animation: ripple_2 3s linear 1s infinite; animation: ripple_2 3s linear 1s infinite }

.hero-banner.hero-style-4 .shape-group li { margin: 0; position: absolute; z-index: -1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-4 .shape-group li { width: 10% }

}



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

.hero-banner.hero-style-4 .shape-group li { width: 10% }

}

.hero-banner.hero-style-4 .shape-group li.shape-1 { top: 50px; left: 195px }

.hero-banner.hero-style-4 .shape-group li.shape-1 img { opacity: .5 }



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

.hero-banner.hero-style-4 .shape-group li.shape-1 { left: 161px }

}

.hero-banner.hero-style-4 .shape-group li.shape-2 { top: 85px; left: 335px }

.hero-banner.hero-style-4 .shape-group li.shape-2 img { width: 130px }



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

.hero-banner.hero-style-4 .shape-group li.shape-2 { left: 215px }

}

.hero-banner.hero-style-4 .shape-group li.shape-3 { bottom: 200px; left: 130px }

.hero-banner.hero-style-4 .shape-group li.shape-4 { bottom: 220px; left: 26% }

.hero-banner.hero-style-4 .shape-group li.shape-5 { top: 35px; right: 24% }

.hero-banner.hero-style-4 .shape-group li.shape-6 { top: 66px; right: 88px }



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

.hero-banner.hero-style-4 .shape-group li.shape-6 { right: 8px }

}

.hero-banner.hero-style-4 .shape-group li.shape-7 { bottom: 210px; right: 60px }



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

.hero-banner.hero-style-4 .shape-group li.shape-7 { bottom: 220px; right: -50px }

}

.hero-banner.hero-style-4 .shape-group li.shape-7 img { opacity: .3 }

.hero-banner.hero-style-4 .shape-group li.shape-8 { z-index: -2; bottom: 120px; left: -95px }

.hero-banner.hero-style-4 .shape-group li.shape-8 span { display: block; height: 270px; width: 270px; border: 1px solid var(--color-border); border-radius: 50% }

.hero-banner.hero-style-5 { background-color: var(--color-lighten04); -webkit-mask-image: url(../images/others/mask-02.png); mask-image: url(../images/others/mask-02.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; min-height: 715px; position: relative }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-5 { padding: 100px 0 }

}



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

.hero-banner.hero-style-5 { padding: 80px 0 }

}

.hero-banner.hero-style-5 .banner-thumbnail { margin-right: 0; text-align: right; padding: 40px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-5 .banner-thumbnail { text-align: center }

}

.hero-banner.hero-style-5 .banner-thumbnail .thumbnail { display: inline-block; background-color: var(--color-white); border-radius: 10px; padding: 20px; box-shadow: var(--shadow-darker); position: relative }



@media only screen and (min-width:992px) and (max-width:1199px) {

.hero-banner.hero-style-5 .banner-thumbnail .shape-group { display: block }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-5 .banner-thumbnail .shape-group li { width: 100% }

}

.hero-banner.hero-style-5 .banner-thumbnail .shape-group img { -webkit-transform: none; -ms-transform: none; transform: none }

.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 { top: 0; left: auto; right: 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 { left: 0; right: 0 }

}

.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-2 { top: auto; bottom: 85px; left: 52px; z-index: 1 }

.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-3 { top: 18px; left: auto; right: -45px; z-index: -2 }

.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-4 { top: -45px; right: 8px }



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

.hero-banner.hero-style-5 .shape-group { display: none }

}

.hero-banner.hero-style-5 .shape-group li { margin: 0; position: absolute; z-index: -1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-5 .shape-group li { width: 15% }

}

.hero-banner.hero-style-5 .shape-group li.shape-1 { top: 40px; left: 70px }

.hero-banner.hero-style-5 .shape-group li.shape-2 { bottom: 28px; left: 160px }

.hero-banner.hero-style-5 .shape-group li.shape-3 { top: 85px; left: 46% }

.hero-banner.hero-style-5 .shape-group li.shape-4 { bottom: 70px; right: 205px }

.hero-banner.hero-style-5 .shape-group li.shape-5 { top: 55px; right: 75px }

.hero-banner.hero-style-6 { min-height: 710px; position: relative; z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-6 { padding: 100px 0 0 }

}



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

.hero-banner.hero-style-6 { padding: 80px 0 0 }

}

.hero-banner.hero-style-6:before { content: ""; height: 100%; width: 100%; background-color: var(--color-lighten01); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-mask-image: url(../images/others/mask-03.png); mask-image: url(../images/others/mask-03.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center }

.hero-banner.hero-style-6 .banner-thumbnail { margin-right: -15px; text-align: right; margin-bottom: -125px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-6 .banner-thumbnail { margin-bottom: 0; margin-right: 0; text-align: center }

}



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

.hero-banner.hero-style-6 .banner-thumbnail { margin-bottom: 0; margin-right: 0; text-align: center }

}

.hero-banner.hero-style-6 .banner-thumbnail .thumbnail { display: inline-block; position: relative }



@media only screen and (max-width:1199px), only screen and (max-width:767px) {

.hero-banner.hero-style-6 .banner-thumbnail .shape-group { display: block }

}

.hero-banner.hero-style-6 .banner-thumbnail .shape-group img { opacity: 1 }

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 { top: 80px; left: auto; right: 15px }



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

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 { right: inherit; left: 180px }

}



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

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 { left: 60px }

}

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 { top: auto; bottom: 250px; left: 80px; z-index: 1 }



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

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 { display: none }

}

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-3 { top: 80px; left: auto; right: -75px; z-index: -2 }

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 { top: 26px; right: 22px }



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

.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 { display: none }

}



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

.hero-banner.hero-style-6 .shape-group { display: none }

}

.hero-banner.hero-style-6 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner.hero-style-6 .shape-group li img { opacity: .2 }

.hero-banner.hero-style-6 .shape-group li.shape-1 { top: 45px; left: 250px }

.hero-banner.hero-style-6 .shape-group li.shape-2 { bottom: 26px; left: 115px }

.hero-banner.hero-style-6 .shape-group li.shape-3 { top: 25px; right: 0; z-index: -1 }

.hero-banner.hero-style-7 { min-height: 820px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: -webkit-linear-gradient(right, rgba(49,185,120,.2) 0%, rgba(26,182,157,.2) 100%); background: linear-gradient(-90deg, rgba(49,185,120,.2) 0%, rgba(26,182,157,.2) 100%); overflow: hidden }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-7 { min-height: 100%; padding: 80px 0 100px }

}



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

.hero-banner.hero-style-7 { min-height: 100%; padding: 60px 0 80px }

}

.hero-banner.hero-style-7 .banner-content { text-align: center; padding-top: 30px }



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-7 .banner-content { padding-top: 0 }

}



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

.hero-banner.hero-style-7 .banner-content { padding-top: 0 }

}

.hero-banner.hero-style-7 .banner-content p { width: 70%; margin: 0 auto 30px }



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

.hero-banner.hero-style-7 .banner-content p { width: 100% }

}

.hero-banner.hero-style-7 .banner-content .features-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -50px; padding-top: 65px }



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

.hero-banner.hero-style-7 .banner-content .features-list { margin: 0 -20px; padding-top: 50px }

}



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

.hero-banner.hero-style-7 .banner-content .features-list { margin: 0 -5px }

}

.hero-banner.hero-style-7 .banner-content .features-box { background-color: transparent; padding: 0; box-shadow: none; margin: 0 50px }



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

.hero-banner.hero-style-7 .banner-content .features-box { margin: 0 20px }

}



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

.hero-banner.hero-style-7 .banner-content .features-box { margin: 0 5px }

}

.hero-banner.hero-style-7 .banner-content .features-box .icon { color: var(--color-white) }



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

.hero-banner.hero-style-7 .banner-content .features-box .content .title { font-size: 14px }

}

.hero-banner.hero-style-7 .banner-content .features-box.color-extra02-style .icon { background-color: #8e56ff }

.hero-banner.hero-style-7 .banner-content .features-box.color-secondary-style .icon { background-color: #ee4a62 }

.hero-banner.hero-style-7 .banner-content .features-box.color-primary-style .icon { background-color: #1ab69d }

.hero-banner.hero-style-7 .banner-gallery { display: block; position: initial }

.hero-banner.hero-style-7 .banner-gallery .thumbnail { position: absolute }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.hero-banner.hero-style-7 .banner-gallery .thumbnail { width: 20% }

}



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail { width: 20% }

}



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail { display: none }

}

.hero-banner.hero-style-7 .banner-gallery .thumbnail img { border-radius: 0 }

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 { bottom: 160px; left: 130px }



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 { left: 20px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 { bottom: 50% }

}



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 { bottom: 50% }

}

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 { bottom: 120px; right: 150px; padding-top: 0 }



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 { right: 20px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 { bottom: 50% }

}



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

.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 { bottom: 50% }

}



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

.hero-banner.hero-style-7 .shape-group { display: none }

}

.hero-banner.hero-style-7 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.hero-banner.hero-style-7 .shape-group li img { opacity: .3 }

.hero-banner.hero-style-7 .shape-group li.shape-1 { top: 100px; left: 82px }

.hero-banner.hero-style-7 .shape-group li.shape-2 { top: 47%; left: 24% }

.hero-banner.hero-style-7 .shape-group li.shape-3 { bottom: 0; left: 44% }

.hero-banner.hero-style-7 .shape-group li.shape-4 { top: 220px; right: 21% }

.hero-banner.hero-style-7 .shape-group li.shape-5 { top: 135px; right: 65px }

.hero-banner.hero-style-7 .shape-group li.shape-6 { top: -60px; left: 35% }

.hero-banner.hero-style-7 .shape-group li.shape-6 img { opacity: 1 }

.hero-banner.hero-style-7 .shape-group li.shape-7 { bottom: -35px; right: 21% }

.hero-banner.hero-style-7 .shape-group li.shape-7 img { opacity: 1 }

.instagram-grid { text-align: center }

.instagram-grid a { position: relative; border-radius: 5px; overflow: hidden; display: block }

.instagram-grid a img { border-radius: 5px; -webkit-transition: var(--transition); transition: var(--transition); width: 100% }

.instagram-grid a:after { content: ""; height: 100%; width: 100%; background-color: var(--color-black); border-radius: 5px; opacity: .5; position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.instagram-grid a .user-info { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%) scale(1.5); -ms-transform: translateY(-50%) scale(1.5); transform: translateY(-50%) scale(1.5); z-index: 1; color: var(--color-white); visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.instagram-grid a .user-info .icon { display: block; font-size: 26px }

.instagram-grid a .user-info .user-name { font-size: 18px; font-family: var(--font-secondary); font-weight: var(--p-semi-bold) }

.instagram-grid:hover a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.instagram-grid:hover a:after { visibility: visible; opacity: .5 }

.instagram-grid:hover a .user-info { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); visibility: visible; opacity: 1 }

.pricing-table { background-color: var(--color-white); box-shadow: var(--shadow-darker); border-radius: 5px; padding: 50px 30px 45px; position: relative; text-align: center }

.pricing-table .pricing-header { margin-bottom: 35px; text-align: center; border-bottom: 1px solid #e7e7e7 }

.pricing-table .pricing-header .price-wrap { font-family: var(--font-secondary); line-height: 1; margin-bottom: 20px }

.pricing-table .pricing-header .price-wrap .amount { font-weight: var(--p-bold); font-size: 40px; color: var(--color-heading); display: block; margin-bottom: 18px }

.pricing-table .pricing-header .price-wrap .duration { color: var(--color-body); font-size: 15px; font-weight: var(--p-medium) }

.pricing-table .pricing-header .title { text-transform: uppercase; font-family: var(--font-secondary); font-weight: var(--p-medium); font-size: 15px; color: var(--color-primary); margin-bottom: 18px }

.pricing-table .pricing-body { margin-bottom: 40px }

.pricing-table .pricing-body .list-item li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: var(--color-heading) }

.pricing-table .pricing-body .list-item li i { color: var(--color-primary); margin-right: 10px }

.pricing-table .pricing-body .list-item li+li { margin-top: 16px }

.pricing-table .pricing-body .list-item li.item-off { color: var(--color-body) }

.pricing-table .pricing-body .list-item li.item-off i { color: var(--color-body); opacity: .5 }

.pricing-table .edu-btn.btn-border { padding: 0 30px }

.pricing-table .edu-btn.btn-border i { font-size: 15px; font-weight: 600; top: 2px; padding-left: 10px }

.pricing-table .edu-btn.btn-border:after { display: block }

.pricing-table:hover .edu-btn { background-color: var(--color-primary); color: var(--color-white); border-color: var(--color-primary) }

.privacy-policy-area { padding: 120px 0 100px }



@media only screen and (min-width:768px) and (max-width:991px) {

.privacy-policy-area { padding: 100px 0 }

}



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

.privacy-policy-area { padding: 80px 0 }

}

.privacy-policy { padding-right: 50px }

.privacy-policy h4.title { margin-bottom: 25px }

.privacy-policy p { margin-bottom: 28px }

.privacy-policy .text-block { margin-bottom: 60px }



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

.privacy-policy .text-block { margin-bottom: 50px }

}

.privacy-policy .text-block:last-child { margin-bottom: 0 }

.privacy-policy ul li { padding-left: 30px; position: relative; margin-top: 15px; margin-bottom: 15px }

.privacy-policy ul li:after { content: "\e913"; font-family: var(--font-icomoon); color: var(--color-primary); position: absolute; left: 0; top: 0 }

.product-details-area { padding-bottom: 95px }



@media only screen and (min-width:768px) and (max-width:991px) {

.product-details-area { padding-bottom: 70px }

}



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

.product-details-area { padding-bottom: 50px }

}

.product-details-area .thumbnail { border: 1px solid var(--color-border); text-align: center }

.product-details-area .content .title { margin-bottom: 12px }

.product-details-area .content .product-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; margin-bottom: 10px }

.product-details-area .content .product-rating .rating { margin-right: 5px }

.product-details-area .content .product-rating .rating i { font-size: 14px; color: #f8b81f; padding: 0 }

.product-details-area .content .product-rating .rating-count { font-size: 14px; color: var(--color-heading); font-weight: 600 }

.product-details-area .content .price { font-size: 18px; font-weight: 600; color: var(--color-primary); font-family: var(--font-secondary) }

.product-details-area .content p { margin-top: 22px; margin-bottom: 34px }

.product-details-area .content .product-action .add-to-cart-btn { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.product-details-area .content .product-action .add-to-cart-btn { margin-top: 20px }

}

.product-details-area .content .product-action .add-to-cart-btn a { margin-right: 10px }

.product-details-area .content .product-action .add-to-cart-btn a:last-child { margin-right: 0 }

.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn { border: 1px solid var(--color-border); height: 50px; width: 50px; line-height: 50px; border-radius: 5px }

.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i { font-size: 16px; color: var(--color-heading) }

.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover { border-color: var(--color-secondary) }

.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i { color: var(--color-white) }

.product-details-area .content .product-feature { margin-top: 32px }

.product-details-area .content .product-feature li { font-weight: 400; margin: 6px 0; font-size: 16px }

.product-details-area .content .product-feature li span { font-weight: 600; color: var(--color-heading) }

.product-details-area .content .product-feature li a { position: relative; display: inline-block }

.product-details-area .content .product-feature li a::after { position: absolute; content: ","; right: -3px }

.product-details-area .content .product-feature li a:last-child:after { display: none }

.product-description-nav { border-bottom: 1px solid var(--color-border); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 35px }

.product-description-nav .nav-item { margin: 0 5px }

.product-description-nav .nav-item button.nav-link { background: transparent; border: 0 none; font-weight: 600; font-size: 16px; line-height: 28px; padding: 22px 25px; color: var(--color-body); font-family: var(--font-secondary); position: relative; -webkit-transition: 0.3s; transition: 0.3s }

.product-description-nav .nav-item button.nav-link::after { position: absolute; content: ""; bottom: 0; left: 0; height: 2px; background: var(--color-primary); -webkit-transition: 0.4s; transition: 0.4s; width: 0 }

.product-description-nav .nav-item button.nav-link:hover, .product-description-nav .nav-item button.nav-link.active { color: var(--color-heading) }

.product-description-nav .nav-item button.nav-link:hover::after, .product-description-nav .nav-item button.nav-link.active::after { width: 100% }

.product-description-content .comment-area { margin-top: 0; border-bottom: 1px solid var(--color-border); padding-bottom: 45px }

.product-description-content .comment-area .heading-title { margin-bottom: 40px }

.product-description-content .comment-list-wrapper .comment .comment-content .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.product-description-content .comment-list-wrapper .comment .comment-content .title { display: block }

}

.product-description-content .comment-list-wrapper .comment .comment-content .date { margin-bottom: 0; font-size: 15px; color: var(--color-body); font-weight: 400; margin-left: 5px }



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

.product-description-content .comment-list-wrapper .comment .comment-content .date { margin-left: 0; margin-top: 4px }

}

.product-description-content .comment-list-wrapper .comment .comment-content .rating { font-size: 13px; color: #ffc92e; margin-bottom: 16px }

.product-description-content .comment-form-area { margin-top: 70px }

.product-description-content .comment-form .review-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px }

.product-description-content .comment-form .review-rating .title { margin-bottom: 0; margin-right: 15px }

.product-description-content .comment-form .review-rating .rating { font-size: 14px; color: #ffc92e }

.product-description-content .comment-form .form-group label { color: var(--color-body); margin-bottom: 5px }

.product-description-content .comment-form .form-group input { box-shadow: none; border: 1px solid var(--color-border); height: 50px }

.product-description-content .comment-form .form-group textarea { box-shadow: none; border: 1px solid var(--color-border) }

.product-description-content .comment-form .form-group .edu-form-check label:before { background-color: transparent }

.edu-product { margin-bottom: 15px }

.edu-product .inner { text-align: center }

.edu-product .inner>.thumbnail { position: relative }

.edu-product .inner>.thumbnail>a { display: block; border: 1px solid var(--color-border); overflow: hidden }

.edu-product .inner>.thumbnail>a img { width: 100%; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-product .inner>.thumbnail .product-hover-info { text-align: center; position: absolute; top: 55%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; z-index: 1 }

.edu-product .inner>.thumbnail .product-hover-info ul li { margin: 0; padding: 7px; position: relative }

.edu-product .inner>.thumbnail .product-hover-info ul li a { text-align: center; font-size: 18px; color: var(--color-black); height: 36px; width: 36px; line-height: 40px; background-color: var(--color-white); border-radius: 50%; box-shadow: 0 10px 20px 0 rgba(0,0,0,.1) }

.edu-product .inner>.thumbnail .product-hover-info ul li a:hover { background-color: var(--color-primary); color: var(--color-white) }

.edu-product .inner .content { padding-top: 26px }

.edu-product .inner .content .title { font-size: 16px; margin-bottom: 8px }

.edu-product .inner .content .product-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px }

.edu-product .inner .content .product-rating .rating { color: #ffc92e; -webkit-transition: var(--transition); transition: var(--transition); font-size: 14px }

.edu-product .inner .content .product-rating .rating-count { font-size: 14px; font-weight: 500; color: var(--color-heading); margin-left: 5px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-product .inner .content .price { font-size: 14px; font-family: var(--font-secondary); font-weight: var(--p-semi-bold); color: var(--color-primary) }

.edu-product:hover .inner .thumbnail a { box-shadow: var(--shadow-darker); border-color: var(--color-white) }

.edu-product:hover .inner .thumbnail a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .3 }

.edu-product:hover .inner .thumbnail .product-hover-info { top: 50%; visibility: visible; opacity: 1 }

.pro-qty { width: 136px; height: 55px; border-radius: 5px; border: 1px solid var(--color-border); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 18px }



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

.pro-qty { width: 110px; height: 50px }

}

.pro-qty input { width: 28px; float: left; border: none; height: 32px; line-height: 30px; padding: 0; text-align: center; background-color: transparent; font-size: 15px; margin: 0 12px; color: #101010 }

.pro-qty .qtybtn { display: block; float: left; cursor: pointer; text-align: center; font-size: 20px; color: #848484; -webkit-transition: 0.3s; transition: 0.3s }

.pro-qty .qtybtn:hover { color: var(--color-primary) }

.pro-qty input::-webkit-outer-spin-button, .pro-qty input::-webkit-inner-spin-button {

-webkit-appearance:none;

margin:0

}

.pro-qty input[type=number] { -moz-appearance: textfield }

.cart-table th, .cart-table td { border: none; border-bottom: 1px solid #e6e6e6!important }



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

.cart-table th:last-child, .cart-table td:last-child { border-bottom: none }

}



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

.cart-table thead { display: none }

}

.cart-table thead th { font-size: 16px; font-weight: var(--p-semi-bold); font-family: var(--font-secondary); text-transform: capitalize; color: var(--color-heading); padding: 18px 15px }



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

.cart-table thead th { padding: 20px 10px }

}



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

.cart-table tbody tr { padding-left: 120px; position: relative; display: block; border-bottom: 1px solid var(--color-lighter); margin-bottom: 30px }

.cart-table tbody tr:last-child { margin-bottom: 0 }

}



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

.cart-table tbody tr { padding-left: 90px }

}

.cart-table tbody td { vertical-align: middle; padding: 30px 15px; font-size: 15px; color: #222; min-width: 150px }



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

.cart-table tbody td { font-size: 18px; padding: 20px 10px }

}



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

.cart-table tbody td { font-size: 16px; display: block; text-align: right; padding: 10px 0; position: relative }

.cart-table tbody td:before { content: attr(data-title) " :"; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 13px; color: var(--color-black) }

}

.cart-table tbody td.product-remove { min-width: auto }



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

.cart-table tbody td.product-remove { position: absolute; top: 0; right: 0; border-bottom: none!important; z-index: 1 }

}

.cart-table tbody td.product-remove .remove-wishlist { display: block; text-align: center; height: 32px; width: 32px; line-height: 30px; font-size: 14px; color: var(--color-black); -webkit-transition: var(--transition); transition: var(--transition) }



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

.cart-table tbody td.product-remove .remove-wishlist { font-size: 10px }

}

.cart-table tbody td.product-remove .remove-wishlist:hover { color: var(--color-primary) }

.cart-table tbody td.product-remove:before { display: none }

.cart-table tbody td.product-thumbnail { width: 110px }



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

.cart-table tbody td.product-thumbnail { width: 80px; position: absolute; left: 0; top: 0; border-bottom: none!important; text-align: left }

}

.cart-table tbody td.product-thumbnail a { border: 1px solid var(--color-border) }

.cart-table tbody td.product-thumbnail a img { height: 110px }



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

.cart-table tbody td.product-thumbnail a img { height: 85px }

}

.cart-table tbody td.product-thumbnail:before { display: none }

.cart-table tbody td.product-title { width: 30%; color: var(--color-heading); font-size: 16px; font-weight: var(--p-semi-bold); font-family: var(--font-secondary) }



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

.cart-table tbody td.product-title { width: 100%; text-align: left; padding-right: 40px }

}

.cart-table tbody td.product-title a { -webkit-transition: var(--transition); transition: var(--transition) }

.cart-table tbody td.product-title:before { display: none }

.cart-table tbody td.product-quantity .pro-qty { margin: 0 auto; margin-right: 0 }

.wishlist-table tbody td.product-add-cart:before { display: none }

.cart-update-btn-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px }



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

.cart-update-btn-area { display: block }

}

.cart-update-btn-area .product-cupon { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border: 1px solid #e6e6e6; border-radius: 5px; height: 50px; padding: 5px 5px 5px 20px; max-width: 430px }

.cart-update-btn-area .product-cupon input { padding: 0; border: none; height: auto; padding-right: 20px }

.cart-update-btn-area .product-cupon .submit-btn { border: none; background: var(--gradient-primary); color: var(--color-white); border-radius: 5px!important; padding: 5px 22px; font-size: 12px }

.cart-update-btn-area .update-btn { text-align: right }



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

.cart-update-btn-area .update-btn { text-align: left; margin-top: 20px }

}

.cart-update-btn-area .update-btn .edu-btn.disabled { opacity: .5 }

.order-summery { margin-top: 100px }



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

.order-summery { margin-top: 80px }

}

.order-summery .title { margin-bottom: 24px }

.order-summery .summery-table tbody td { border-color: #e6e6e6; font-size: 16px; color: var(--color-heading); padding: 14px 30px }

.order-summery .summery-table tbody td:first-child { font-weight: var(--p-semi-bold); width: 165px; font-family: var(--font-secondary) }

.order-summery .summery-table tbody td:last-child { font-size: 15px; text-align: right; color: #848484 }

.order-summery .summery-table .order-total td:last-child { color: var(--color-heading); font-weight: var(--p-semi-bold) }

.order-summery .checkout-btn { width: 100% }

.order-summery.checkout-summery { margin-top: 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.order-summery.checkout-summery { margin-top: 80px }

}



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

.order-summery.checkout-summery { margin-top: 60px }

}

.order-summery.checkout-summery .summery-table-wrap { border: 1px solid var(--color-border); border-radius: 5px; padding: 45px 50px 30px }



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

.order-summery.checkout-summery .summery-table-wrap { padding: 40px 20px 20px }

}

.order-summery.checkout-summery .summery-table-wrap .title { margin-bottom: 18px }

.order-summery.checkout-summery .summery-table-wrap table { margin-bottom: 0 }

.order-summery.checkout-summery .summery-table-wrap table tr:last-child td { border-bottom: none }

.order-summery.checkout-summery .summery-table-wrap table td { border: none; border-bottom: 1px solid var(--color-border); width: auto; padding: 12px 0; color: var(--color-heading) }



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

.order-summery.checkout-summery .summery-table-wrap table td { font-size: 14px }

}

.order-summery.checkout-summery .summery-table-wrap table .order-subtotal td:last-child { color: var(--color-body); font-weight: var(--p-medium) }

.order-summery.checkout-summery .summery-table-wrap table .order-total td { font-weight: var(--p-bold) }



@media only screen and (min-width:768px) and (max-width:991px) {

.account-page-area .shape-group { display: none }

}



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

.account-page-area .shape-group { display: none }

}

.account-page-area .shape-group li { position: absolute; z-index: -1 }

.account-page-area .shape-group li.shape-1 { bottom: -10px; left: 60px }

.account-page-area .shape-group li.shape-2 { top: -60px; right: 50px }

.account-page-area .shape-group li.shape-3 { top: -30px; right: 0; z-index: 1 }

.login-form-box { box-shadow: 0 10px 40px 0 rgba(0,0,0,.08); padding: 70px 50px; border-radius: 5px; background-color: var(--color-white) }



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

.login-form-box { padding: 40px 30px }

}

.login-form-box .title { margin-bottom: 5px }

.login-form-box a { color: var(--color-primary) }

.login-form-box a:hover { color: var(--color-secondary) }

.login-form-box p { color: var(--color-heading); margin-bottom: 25px }

.login-form-box .form-group { position: relative }

.login-form-box .form-group input { border: 1px solid var(--color-border); height: 50px }

.login-form-box .form-group .edu-btn { width: 100% }

.login-form-box .form-group .password-show { position: absolute; bottom: 11px; right: 18px; color: #b2b2b2; font-size: 13px; cursor: pointer; -webkit-transition: var(--transition); transition: var(--transition) }

.login-form-box .form-group .password-show:hover { color: var(--color-primary) }

.login-form-box .chekbox-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 25px 0 }



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

.login-form-box .chekbox-area { display: block }

}

.login-form-box .chekbox-area .edu-form-check { position: relative }

.login-form-box .chekbox-area .edu-form-check label { padding-left: 28px }

.login-form-box .chekbox-area .edu-form-check label:before { background-color: #f7f7f7; border-color: var(--color-border) }

.login-form-box .chekbox-area .edu-form-check input { height: auto }

.login-form-box .chekbox-area .edu-form-check input:checked~label::before { background-color: var(--color-primary); border-color: var(--color-primary) }

.login-form-box .chekbox-area .edu-form-check input:checked~label::after { opacity: 1 }

.login-form-box .chekbox-area .password-reset { font-size: 16px }



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

.login-form-box .chekbox-area .password-reset { padding-left: 30px; margin-top: 5px }

}

.checkout-notice { margin-bottom: 65px }

.checkout-notice .coupn-box { padding: 0 30px; border: 1px solid var(--color-border); border-radius: 5px }

.checkout-notice .toggle-bar { padding: 18px 0; margin-bottom: 0 }

.checkout-notice .toggle-bar a { color: var(--color-primary); -webkit-transition: var(--transition); transition: var(--transition) }



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

.checkout-notice .input-group { display: block }

}

.checkout-notice .input-group input { width: auto; border: 1px solid var(--color-border); height: 50px; border-radius: 5px!important }

.checkout-notice .input-group .apply-btn { margin-left: 10px!important }



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

.checkout-notice .input-group .apply-btn { margin-left: 0!important; margin-top: 15px }

}

.checkout-notice .toggle-open { display: none; margin-top: 10px; margin-bottom: 30px }

.checkout-billing .title { margin-bottom: 30px }

.checkout-billing .form-group { margin-bottom: 25px }

.checkout-billing .form-group label { font-size: 16px; margin-bottom: 5px }

.checkout-billing .form-group input { border: 1px solid #e6e6e6; border-radius: 5px; height: 45px; margin-bottom: 10px }

.checkout-billing .form-group input:last-child { margin-bottom: 0 }

.checkout-billing .form-group textarea { border: 1px solid #e6e6e6; border-radius: 5px }

.checkout-billing .form-group select { height: 45px; background-color: transparent; border: 1px solid var(--color-border); color: var(--color-body); font-weight: 400; background: url(../images/icons/arrow-icon.png) 92% center no-repeat transparent }

.order-payment { border: 1px solid var(--color-border); border-radius: 5px; padding: 50px 50px 42px; margin-top: 50px }



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

.order-payment { padding: 40px 20px 30px }

}

.order-payment .title { margin-bottom: 40px }

.order-payment .payment-method { background-color: #f5f9fa; padding: 30px 30px 45px; margin-bottom: 30px }



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

.order-payment .payment-method { padding: 30px 20px 30px }

}

.order-payment .form-group { position: relative; border-bottom: 1px solid #dce0e0; margin-bottom: 22px; padding-bottom: 22px }

.order-payment .form-group:last-child { margin-bottom: 0; padding-bottom: 0 }

.order-payment .form-group p { margin-top: 5px; margin-bottom: 0; padding-left: 30px }

.order-payment .form-group a { margin-left: 20px; font-weight: 500 }

.order-payment .form-group label { font-size: 16px; font-weight: 500 }

.order-payment .form-group:last-child { border-bottom: none }

.order-payment .form-group input[type="checkbox"], .order-payment .form-group input[type="radio"] { width: auto }

.pv-header-style.edu-header .header-mainmenu { background-color: transparent; box-shadow: none; z-index: 5 }

.pv-header-style.edu-header .header-mainmenu.edu-sticky { box-shadow: 0 6px 15px 0 rgba(0,0,0,.05) }

.pv-header-style .mainmenu-nav { margin-right: 30px }

.pv-header-style .mainmenu-nav .mainmenu { -webkit-box-pack: end!important; -webkit-justify-content: flex-end!important; -ms-flex-pack: end!important; justify-content: flex-end!important }

.pv-header-style .mainmenu-nav .mainmenu li a { padding: 0 20px; height: 110px; line-height: 110px }

.pv-header-style .popup-mobile-menu .mainmenu li.header-btn { padding-top: 30px }

.pv-header-style .popup-mobile-menu .mainmenu li.header-btn .edu-btn { padding: 0 }

.pv-header-style .popup-mobile-menu .mainmenu li.header-btn .edu-btn:hover { color: var(--color-white) }

.pv-demo-counterup { margin-top: -95px; position: relative; z-index: 1 }

.pv-demo-counterup .counterup-wrap { background-color: var(--color-white); max-width: 870px; width: 100%; box-shadow: 0 20px 50px 0 rgba(0,0,0,.03); border-radius: 10px; margin: 0 auto; padding: 50px 0 }



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

.pv-demo-counterup .counterup-wrap { padding: 40px 0 }

}

.pv-demo-counterup .counterup-wrap .edu-counterup { box-shadow: none; padding: 0 30px; border-radius: 0 }



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

.pv-demo-counterup .counterup-wrap .edu-counterup { padding: 0 20px }

}



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

.pv-demo-counterup .counterup-wrap .edu-counterup { padding: 20px }

}

.pv-demo-counterup .counterup-wrap .edu-counterup.border-end { border-color: var(--color-border)!important }



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

.pv-demo-counterup .counterup-wrap .edu-counterup.border-end { border: none!important }

}

.pv-demo-counterup .counterup-wrap .edu-counterup .count-number { font-size: 50px; margin-bottom: 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-demo-counterup .counterup-wrap .edu-counterup .count-number { font-size: 40px }

}



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

.pv-demo-counterup .counterup-wrap .edu-counterup .count-number { font-size: 30px }

}

.pv-demo-counterup .counterup-wrap .edu-counterup .title { font-weight: 600; font-size: 17px; color: var(--color-heading); text-transform: capitalize }

.pv-demo-area { padding: 140px 0 90px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-demo-area { padding: 110px 0 60px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-demo-area { padding: 90px 0 40px }

}



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

.pv-demo-area { padding: 70px 0 20px }

}

.single-demo { text-align: center; margin-bottom: 60px }

.single-demo .inner { background-color: var(--color-white); box-shadow: 0 30px 60px rgba(0,0,0,.07); border-radius: 5px; padding: 15px; -webkit-transition: 0.3s; transition: 0.3s }

.single-demo.coming-soon a { pointer-events: none }

.single-demo .thumbnail { position: relative; text-align: center }

.single-demo .thumbnail .thumbnail-link { display: block; position: relative }

.single-demo .thumbnail .thumbnail-link::before { background: rgba(0,0,0,.35); border-radius: 5px; position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; opacity: 0 }

.single-demo .thumbnail .thumbnail-link img { border-radius: 5px }

.single-demo .thumbnail .hover-action { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0 }

.single-demo .title { font-weight: 700; font-size: 20px; margin-top: 28px; margin-bottom: 10px }

.single-demo:hover .inner { box-shadow: 0 30px 70px rgba(0,0,0,.12); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) }

.single-demo:hover .thumbnail .thumbnail-link::before { opacity: 1 }

.single-demo:hover .thumbnail .hover-action { opacity: 1 }

.pv-elementor-area { padding: 150px 0 }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-elementor-area { padding: 120px 0 100px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-elementor-area { padding: 100px 0 80px }

}



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

.pv-elementor-area { padding: 80px 0 60px }

}



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

.pv-elementor-area .elementor-content .splash-title { text-align: center }

}

.pv-elementor-area .elementor-content .splash-title img { margin-bottom: 35px }

.pv-elementor-area .elementor-content .splash-title p { width: 60% }



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

.pv-elementor-area .elementor-content .splash-title p { width: 100% }

}

.pv-elementor-area .elementor-thumbnail { position: relative; z-index: 1 }



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

.pv-elementor-area .elementor-thumbnail { text-align: center }

}

.pv-elementor-area .elementor-thumbnail img { border-radius: 20px }



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

.pv-elementor-area .elementor-thumbnail .shape-group { display: none }

}

.pv-elementor-area .elementor-thumbnail .shape-group li { position: absolute; z-index: -1 }

.pv-elementor-area .elementor-thumbnail .shape-group li.shape-1 { top: -50px; left: -75px }

.pv-elementor-area .elementor-thumbnail .shape-group li.shape-2 { top: -82px; left: -14px; z-index: 1 }

.pv-elementor-area .elementor-thumbnail .shape-group li.shape-3 { bottom: -70px; right: 50px }

.pv-elementor-area .elementor-thumbnail .shape-group li.shape-4 { bottom: -80px; right: -80px; z-index: -2 }

.pv-courses-demo { position: relative; padding: 150px 0 40px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-courses-demo { padding: 120px 0 30px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-courses-demo { padding: 100px 0 20px }

}



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

.pv-courses-demo { padding: 80px 0 10px }

}

.pv-courses-demo .splash-title.section-title { margin-bottom: 80px }



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

.pv-courses-demo .splash-title.section-title { margin-bottom: 50px }

}

.pv-courses-demo .splash-title .shape-line { margin-bottom: 28px }

.pv-courses-demo .splash-title p { color: var(--color-heading); font-size: 16px }

.pv-courses-demo .margque-courses { background-image: url(../images/preview/courses.png); background-repeat: repeat-x; background-size: auto; height: 460px; position: relative; z-index: 1; margin-top: -20px }

.pv-courses-demo .shape-group li.shape-1 { top: 100px; right: 140px }



@media only screen and (min-width:1200px) and (max-width:1400px) {

.pv-courses-demo .shape-group li.shape-1 { top: 80px; right: 30px }

}

.pv-courses-demo .shape-group li.shape-2 { top: 310px; left: 40px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.pv-courses-demo .shape-group li.shape-2 { display: none }

}

.pv-courses-demo .shape-group li.shape-3 { top: 330px; left: 165px; z-index: 1 }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.pv-courses-demo .shape-group li.shape-3 { display: none }

}

.pv-courses-demo .shape-group li.shape-4 { top: 130px; left: 15% }

.pv-courses-demo .shape-group li.shape-5 { top: -252px; right: -111px }



@media only screen and (min-width:1200px) and (max-width:1400px) {

.pv-courses-demo .shape-group li.shape-5 { top: -230px; right: -270px }

}

.pv-courses-demo .shape-group li.shape-5 span { display: block; height: 470px; width: 470px; border: 1px solid var(--color-border); border-radius: 50% }

.pv-course-details-area { background-image: url(../images/bg/preview-course-bg.jpg); padding: 115px 0 135px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-course-details-area { padding: 120px 0 65px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-course-details-area { padding: 100px 0 20px }

}



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

.pv-course-details-area { padding: 80px 0 40px }

}

.pv-course-details-area .course-content { max-width: 460px }



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

.pv-course-details-area .course-content { padding-left: 50px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-course-details-area .course-content { padding-left: 0 }

}



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

.pv-course-details-area .course-content { max-width: 100%; padding-left: 0 }

}



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

.pv-course-details-area .course-content .splash-title.section-title { margin-bottom: 20px }

}



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

.pv-course-details-area .course-content .splash-title { text-align: center }

}

.pv-course-details-area .course-content .splash-title img { margin-bottom: 35px }

.pv-course-details-area .course-thumbnail { position: relative; z-index: 1; text-align: right }



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

.pv-course-details-area .course-thumbnail { text-align: center }

}

.pv-course-details-area .course-thumbnail .course-instructor { position: absolute; content: ''; left: -40px; top: 150px }



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

.pv-course-details-area .course-thumbnail .course-instructor { left: -50px; max-width: 320px }

}



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

.pv-course-details-area .course-thumbnail .course-instructor { display: none }

}



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

.pv-course-details-area .course-thumbnail .shape-group { display: none }

}

.pv-course-details-area .course-thumbnail .shape-group li { position: absolute; z-index: -1 }

.pv-course-details-area .course-thumbnail .shape-group li.shape-1 { top: -30px; left: 60px }



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

.pv-course-details-area .course-thumbnail .shape-group li.shape-1 { top: -30px; left: -10px }

}

.pv-course-details-area .course-thumbnail .shape-group li.shape-2 { top: -40px; left: 135px; z-index: 1 }



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

.pv-course-details-area .course-thumbnail .shape-group li.shape-2 { top: -40px; left: 65px }

}

.pv-course-details-area .course-thumbnail .shape-group li.shape-3 { bottom: -10px; right: -30px }

.pv-course-details-area .course-thumbnail .shape-group li.shape-4 { bottom: 7px; right: 100px }

.pv-shop-area { padding: 125px 0 115px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-shop-area { padding: 120px 0 65px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-shop-area { padding: 100px 0 20px }

}



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

.pv-shop-area { padding: 80px 0 40px }

}

.pv-shop-area .shop-content { padding-left: 145px }



@media only screen and (min-width:1200px) and (max-width:1450px) {

.pv-shop-area .shop-content { padding-left: 55px }

}



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

.pv-shop-area .shop-content { padding-left: 0 }

}



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

.pv-shop-area .shop-content .splash-title.section-title { margin-bottom: 20px }

}



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

.pv-shop-area .shop-content .splash-title { text-align: center }

}

.pv-shop-area .shop-content .splash-title img { margin-bottom: 35px }



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

.pv-shop-area .shop-thumbnail { text-align: center }

}

.pv-shop-area .shop-thumbnail .shop-thumbnail-images { position: relative; z-index: 1 }

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left { position: absolute; content: ''; left: -160px; top: 150px }



@media only screen and (min-width:1401px) and (max-width:1750px), only screen and (min-width:1200px) and (max-width:1400px) {

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left { left: -50px; max-width: 300px }

}



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

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left { display: none }

}

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right { position: absolute; content: ''; right: -50px; top: 100px }



@media only screen and (min-width:1401px) and (max-width:1750px) {

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right { right: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1400px) {

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right { right: -30px }

}



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

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right { display: none }

}



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

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group { display: none }

}

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li { position: absolute; z-index: -1 }

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-1 { top: -55px; left: -35px }

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-2 { bottom: -46px; right: 160px }

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 { top: 147px; left: 130px; z-index: 0 }



@media only screen and (min-width:1200px) and (max-width:1400px) {

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 { top: 151px; left: 154px }

}

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span { display: block; height: 100px; width: 100px; border: 16px solid var(--color-tertiary); border-radius: 50% }



@media only screen and (min-width:1200px) and (max-width:1400px) {

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span { height: 70px; width: 70px; border: 11px solid var(--color-tertiary) }

}

.pv-features-area { padding: 150px 0 100px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-features-area { padding: 120px 0 70px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-features-area { padding: 100px 0 50px }

}



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

.pv-features-area { padding: 80px 0 30px }

}

.demo-feature { margin-bottom: 45px }

.demo-feature .inner { text-align: center }

.demo-feature .inner .icon { background: #FFF; box-shadow: 0 15px 60px 0 rgba(0,0,0,.1); border-radius: 30px; width: 100%; height: 202px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

.demo-feature .inner .icon img { max-height: 80px }

.demo-feature .inner .title { margin-bottom: 0; margin-top: 30px; font-weight: 700 }

.pv-inner-page-area { padding: 150px 0 75px; position: relative; z-index: 1; overflow: hidden }



@media only screen and (min-width:992px) and (max-width:1199px) {

.pv-inner-page-area { padding: 120px 0 45px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-inner-page-area { padding: 100px 0 30px }

}



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

.pv-inner-page-area { padding: 80px 0 20px }

}

.pv-inner-page-area .splash-title .shape-line { margin-bottom: 28px }

.pv-inner-page-area .splash-title p { color: var(--color-heading); font-size: 16px }

.pv-inner-page-area .margque-inner-page { background-image: url(../images/preview/inner-demo.png); background-repeat: repeat-x; background-size: auto; height: 650px; position: relative; z-index: 1; margin-top: -20px }



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

.pv-inner-page-area .shape-group { display: none }

}

.pv-inner-page-area .shape-group li { position: absolute; z-index: -1 }

.pv-inner-page-area .shape-group li.shape-1 { top: -65px; left: -85px }

.pv-inner-page-area .shape-group li.shape-2 { top: 80px; left: 152px }

.pv-inner-page-area .shape-group li.shape-3 { top: 20%; right: 18% }

.pv-inner-page-area .shape-group li.shape-3 span { display: block; height: 100px; width: 100px; border: 15px solid var(--color-tertiary); border-radius: 50% }

.pv-zoom-demo-area { padding: 85px 0 20px }



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

.pv-zoom-demo-area .zoom-content .splash-title { text-align: center }

}

.pv-zoom-demo-area .zoom-content .splash-title img { margin-bottom: 35px }

.pv-zoom-demo-area .zoom-content .splash-title p { width: 80% }



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

.pv-zoom-demo-area .zoom-content .splash-title p { width: 100% }

}

.pv-zoom-demo-area .zoom-thumbnail { position: relative; z-index: 1; margin-right: -60px; padding-right: 15px }



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

.pv-zoom-demo-area .zoom-thumbnail { margin-right: 0; padding-right: 0 }

}



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

.pv-zoom-demo-area .zoom-thumbnail .shape-group { display: none }

}

.pv-zoom-demo-area .zoom-thumbnail .shape-group li { position: absolute; z-index: -1 }

.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-1 { top: 25px; right: 175px }

.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 { top: 0; right: 308px }

.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 span { display: block; height: 100px; width: 100px; border: 15px solid var(--color-tertiary); border-radius: 50% }

.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-3 { bottom: 45px; left: 130px }

.pv-cta-area { padding: 145px 0 120px; position: relative; z-index: 1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-cta-area { padding: 120px 0 100px }

}



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

.pv-cta-area { padding: 100px 0 }

}

.pv-cta-area .cta-content { text-align: center }

.pv-cta-area .cta-content .subtitle { font-size: 20px; font-weight: 600; font-family: var(--font-secondary); color: var(--color-tertiary); margin-bottom: 30px; display: block }

.pv-cta-area .cta-content .title { font-size: 40px; color: var(--color-white); margin-bottom: 55px }



@media only screen and (min-width:768px) and (max-width:991px) {

.pv-cta-area .cta-content .title { font-size: 36px }

}



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

.pv-cta-area .cta-content .title { font-size: 30px }

}

.pv-cta-area .cta-content .button-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -10px }



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

.pv-cta-area .cta-content .button-group { display: block }

}

.pv-cta-area .cta-content .button-group a { margin: 10px }

.pv-cta-area .cta-content .button-group .btn-bg-white { background-color: var(--color-white); color: var(--color-heading) }

.pv-cta-area .cta-content .button-group .btn-bg-white:hover { color: var(--color-white) }



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

.pv-cta-area .shape-group { display: block }

}



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

.pv-cta-area .shape-group { display: none }

}

.pv-cta-area .shape-group li { position: absolute; z-index: -1 }

.pv-cta-area .shape-group li.shape-1 { top: 80px; left: 7% }



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

.pv-cta-area .shape-group li.shape-1 { left: 3% }

}

.pv-cta-area .shape-group li.shape-2 { top: 90px; left: 10%; z-index: -2 }



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

.pv-cta-area .shape-group li.shape-2 { left: 7% }

}



@media only screen and (min-width:1200px) and (max-width:1450px), only screen and (min-width:992px) and (max-width:1199px) {

.pv-cta-area .shape-group li.shape-2 img { width: 85% }

}

.pv-cta-area .shape-group li.shape-3 { top: 32%; right: 11% }



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

.pv-cta-area .shape-group li.shape-3 { right: 2% }

}

.pv-cta-area .shape-group li.shape-4 { bottom: 25%; right: 14% }



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

.pv-cta-area .shape-group li.shape-4 { right: 2% }

}

.pv-cta-area .shape-group li.shape-4 span { display: block; height: 135px; width: 135px; border: 16px solid var(--color-tertiary); border-radius: 50% }

.team-share-info { margin: -5px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.team-share-info li { display: inline-block; margin: 5px }

.team-share-info li a { width: 40px; height: 40px; line-height: 39px; border: 2px solid var(--color-white); text-align: center; border-radius: 50%; font-size: 18px; color: var(--color-white); -webkit-transition: var(--transition); transition: var(--transition) }

.team-share-info li a:hover { background: var(--color-white); color: var(--color-primary) }

.edu-team-grid .thumbnail-wrap { position: relative }

.edu-team-grid .thumbnail { margin-bottom: 25px }

.edu-team-grid .thumbnail a { border-radius: 10px; position: relative; display: block }

.edu-team-grid .thumbnail a img { border-radius: 10px; width: 100% }

.edu-team-grid .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(26,182,157,.6); border-radius: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-team-grid .content { text-align: center }

.edu-team-grid .content .title { margin-bottom: 4px }

.edu-team-grid .content .designation { display: inline-block }

.edu-team-grid .team-share-info li { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-team-grid:hover .thumbnail a:after { visibility: visible; opacity: 1 }

.edu-team-grid:hover .team-share-info li { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1 }

.edu-team-grid:hover .team-share-info li:nth-child(1n) { -webkit-transition-delay: .2s; transition-delay: .2s }

.edu-team-grid:hover .team-share-info li:nth-child(2n) { -webkit-transition-delay: .3s; transition-delay: .3s }

.edu-team-grid:hover .team-share-info li:nth-child(3n) { -webkit-transition-delay: .4s; transition-delay: .4s }

.edu-team-grid:hover .team-share-info li:nth-child(4n) { -webkit-transition-delay: .5s; transition-delay: .5s }

.edu-team-grid.team-style-1 .team-share-info { top: 20px; right: 20px; left: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin: -10px 0 }

.edu-team-grid.team-style-1 .team-share-info li { display: block; margin: 10px 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) }

.edu-team-grid.team-style-1 .team-share-info li:first-child { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1 }

.edu-team-grid.team-style-1 .team-share-info li:first-child a { border-color: var(--color-primary); color: var(--color-primary) }

.edu-team-grid.team-style-1:hover .team-share-info li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }

.edu-team-grid.team-style-1:hover .team-share-info li:first-child a { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-primary) }

.edu-team-grid.team-style-2 { padding: 0 30px 36px; position: relative; z-index: 1 }

.edu-team-grid.team-style-2:after { content: ""; height: 75%; width: 100%; background-color: var(--color-white); border-radius: 10px; box-shadow: var(--shadow-darker); position: absolute; bottom: 0; left: 0; right: 0; z-index: -1 }

.edu-team-grid.team-style-2 .content .designation { margin-bottom: 15px }

.edu-team-grid.team-style-2 .content p { margin-bottom: 0 }

.edu-team-grid.team-style-3 { position: relative }

.edu-team-grid.team-style-3 .thumbnail { margin-bottom: 0 }

.edu-team-grid.team-style-3 .content { text-align: left; position: absolute; bottom: 30px; left: 30px }

.edu-team-grid.team-style-3 .content .title, .edu-team-grid.team-style-3 .content .designation { background-color: var(--color-white); box-shadow: var(--shadow-darker2); border-radius: 4px }

.edu-team-grid.team-style-3 .content .title { margin-bottom: 10px; font-size: 20px; padding: 11px 25px 9px }

.edu-team-grid.team-style-3 .content .designation { padding: 4px 20px; font-size: 16px }

.edu-team-grid.team-style-3 .team-share-info { top: 35% }

.edu-team-grid.team-style-4 { position: relative }

.edu-team-grid.team-style-4 .thumbnail { margin-bottom: 0 }

.edu-team-grid.team-style-4 .thumbnail a:after { background: -webkit-linear-gradient(215deg, rgba(49,185,120,.8) 0%, rgba(26,182,157,.8) 100%); background: linear-gradient(-125deg, rgba(49,185,120,.8) 0%, rgba(26,182,157,.8) 100%) }

.edu-team-grid.team-style-4 .content { text-align: left; display: inline-block; margin-top: -30px; position: relative; margin-left: 30px }

.edu-team-grid.team-style-4 .content .title, .edu-team-grid.team-style-4 .content .designation { background-color: var(--color-white); box-shadow: var(--shadow-darker2); border-radius: 4px }

.edu-team-grid.team-style-4 .content .title { margin-bottom: 10px; font-size: 20px; padding: 16px 25px 15px }

.edu-team-grid.team-style-4 .content .designation { padding: 4px 20px; font-size: 16px }

.edu-team-grid.team-style-5 .thumbnail { margin-bottom: 0 }

.edu-team-grid.team-style-5 .content { position: relative; background-color: var(--color-white); box-shadow: var(--shadow-darker2); border-radius: 5px; margin: -55px 30px 0; padding: 30px 0 25px }

.team-area-3 { position: relative }

.team-area-3 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.team-area-3 .shape-group li.shape-1 { bottom: -20px; left: 135px }



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

.team-area-3 .shape-group li.shape-1 { left: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.team-area-3 .shape-group li.shape-1 { left: -70px }

}

.team-area-4 { position: relative; -webkit-mask-image: url(../images/others/mask-04.png); mask-image: url(../images/others/mask-04.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; background-color: var(--color-lighten01); padding: 120px 0 390px }

.team-area-4 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.team-area-4 .shape-group li img { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); opacity: .2 }

.team-area-4 .shape-group li.shape-1 { top: 20px; left: -10px }

.team-area-4 .shape-group li.shape-2 { bottom: 35%; right: 130px }

.team-area-4 .shape-group li.shape-3 { top: 40px; right: 240px }

.team-area-5 { background-color: var(--color-lighten04); position: relative; z-index: 1; overflow: hidden }



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

.team-area-5 .shape-group { display: none }

}

.team-area-5 .shape-group li { position: absolute; z-index: -1 }

.team-area-5 .shape-group li.shape-1 { top: -170px; right: -150px }

.team-area-5 .shape-group li.shape-1 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.team-area-5 .shape-group li.shape-2 { top: 150px; right: 8% }

.team-area-5 .shape-group li.shape-3 { bottom: -110px; left: -200px; z-index: 1 }

.team-area-5 .shape-group li.shape-3 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.team-area-6 { position: relative }

.team-area-6 .shape-group li { margin: 0; position: absolute; z-index: -1 }

.team-area-6 .shape-group li img { opacity: .6 }

.team-area-6 .shape-group li.shape-1 { top: -165px; left: -90px }



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

.team-area-6 .shape-group li.shape-1 { display: none }

}

.team-area-6 .shape-group li.shape-2 { top: -180px; right: -55px }

.team-area-6 .shape-group li.shape-3 { bottom: -150px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }



@media only screen and (min-width:768px) and (max-width:991px) {

.team-details-thumb { text-align: center; margin-bottom: 50px }

}



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

.team-details-thumb { text-align: center; margin-bottom: 40px }

}

.team-details-thumb .thumbnail { margin-bottom: 30px }

.team-details-thumb .thumbnail img { border-radius: 50% }

.team-details-thumb .social-share { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }



@media only screen and (min-width:768px) and (max-width:991px) {

.team-details-content { text-align: center }

}



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

.team-details-content { text-align: center }

}

.team-details-content .main-info { margin-bottom: 30px }

.team-details-content .main-info .subtitle { font-weight: var(--p-medium); color: var(--color-primary); text-transform: uppercase; margin-bottom: 6px; display: block }

.team-details-content .main-info .title { margin-bottom: 0 }

.team-details-content .main-info .team-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }



@media only screen and (min-width:768px) and (max-width:991px) {

.team-details-content .main-info .team-meta { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}



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

.team-details-content .main-info .team-meta { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}

.team-details-content .main-info .team-meta li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--color-heading); margin-right: 40px; position: relative; -webkit-transition: var(--transition); transition: var(--transition) }

.team-details-content .main-info .team-meta li:after { content: ""; height: 19px; width: 1px; background-color: #e5e5e5; position: absolute; top: 3px; right: -22px; -webkit-transition: var(--transition); transition: var(--transition) }

.team-details-content .main-info .team-meta li:last-child { margin-right: 0 }

.team-details-content .main-info .team-meta li:last-child:after { display: none }

.team-details-content .main-info .team-meta li i { color: #a7a7a7; font-size: 15px; margin-right: 7px; -webkit-transition: var(--transition); transition: var(--transition) }

.team-details-content .main-info .team-meta li .rating { -webkit-transition: var(--transition); transition: var(--transition) }

.team-details-content .main-info .team-meta li .rating i { color: #f8b81f; margin-right: 0 }

.team-details-content .main-info .team-meta li .rating-count { font-size: 14px; font-weight: 500; color: var(--color-heading); margin-left: 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.team-details-content .contact-info { margin-top: 40px }

.team-details-content .contact-info ul li span { font-family: var(--font-secondary); min-width: 100px; display: inline-block; font-weight: var(--p-semi-bold); color: var(--color-heading) }

.home-one-testimonial { margin-top: 30px }



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

.home-one-testimonial { margin-top: 0 }

}

.testimonial-heading-area { padding-right: 50px }



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

.testimonial-heading-area { padding-right: 0 }

}

.testimonial-grid { box-shadow: var(--shadow-darker); background-color: var(--color-white); border-radius: 10px; padding: 60px 30px 50px; position: relative; z-index: 1; overflow: hidden }

.testimonial-grid:after { content: url(../../assets/images/testimonial/shape-1.png); position: absolute; top: -5px; right: -5px; z-index: -1 }

.testimonial-grid .thumbnail { display: inline-block; position: relative; margin-bottom: 35px }

.testimonial-grid .thumbnail img { border-radius: 50% }

.testimonial-grid .thumbnail .qoute-icon { height: 34px; width: 34px; line-height: 30px; font-size: 13px; color: var(--color-white); background-color: var(--color-primary); border-radius: 50%; border: 4px solid var(--color-white); display: block; text-align: center; position: absolute; bottom: -8px; right: -12px }

.testimonial-grid .content p { margin-bottom: 20px; font-size: 16px }

.testimonial-grid .content .rating-icon { margin-bottom: 6px }

.testimonial-grid .content .rating-icon i { color: #f8b81f }

.testimonial-grid .content .title { font-weight: var(--p-medium); margin-bottom: 2px }

.testimonial-grid.testimonial-style-3 { text-align: center; margin-bottom: 40px; margin-top: 30px }

.testimonial-grid.testimonial-style-3:after { display: none }

.testimonial-slide .content { background-color: var(--color-white); box-shadow: var(--shadow-darker); padding: 35px 30px 35px 40px; border-radius: 4px; margin-bottom: 30px; margin-top: 30px }

.testimonial-slide .content .logo { margin-bottom: 22px }

.testimonial-slide .content p { color: var(--color-heading); font-size: 16px; margin-bottom: 15px }

.testimonial-slide .content .rating-icon i { color: #f8b81f }

.testimonial-slide .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

.testimonial-slide .author-info .thumb { margin-right: 20px }

.testimonial-slide .author-info .thumb img { border-radius: 50% }

.testimonial-slide .author-info .info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.testimonial-slide .author-info .info .title { margin-bottom: 0 }

.testimonial-slide.testimonial-style-2 .content { box-shadow: 0 10px 50px 0 rgba(26,46,85,.05); padding: 45px 40px 50px 50px; border-radius: 5px }



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

.testimonial-slide.testimonial-style-2 .content { padding: 40px 30px }

}

.testimonial-slide.testimonial-style-2 .content .rating-icon { margin-bottom: 20px }

.testimonial-slide.testimonial-style-2 .content p { margin-bottom: 24px }

.testimonial-slide.testimonial-style-3 .content { background-color: transparent; padding: 0; box-shadow: none; margin: 0 }

.testimonial-slide.testimonial-style-3 .content .rating-icon { margin-bottom: 15px }

.testimonial-slide.testimonial-style-3 .content p { margin-bottom: 20px }

.slide-with-shadow { margin: -30px -30px 0 }

.slide-with-shadow .slick-list { padding: 0 30px }

.slide-with-shadow .slick-slide { opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.slide-with-shadow .slick-slide.slick-active { opacity: 1 }

.testimonial-area-2 { position: relative }

.testimonial-area-2 .shape-group .shape-1 { top: 168px; right: -75px }

.testimonial-area-2 .shape-group .shape-2 { top: 217px; right: -106px }

.testimonial-area-2 .shape-group .shape-3 { bottom: 85px; left: 45%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }

.testimonial-area-2.edu-section-gap .shape-group .shape-3 { bottom: 58px }

.testimonial-area-3 { position: relative; -webkit-mask-image: url(../images/others/mask-04.png); mask-image: url(../images/others/mask-04.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; background-color: var(--color-lighten04); padding: 115px 0 230px }



@media only screen and (min-width:768px) and (max-width:991px) {

.testimonial-area-3 { padding: 95px 0 200px }

}



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

.testimonial-area-3 { padding: 75px 0 180px }

}

.testimonial-area-3 .slick-nav-dot .slick-dots { bottom: -35px }



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

.testimonial-area-3 .shape-group { display: none }

}

.testimonial-area-3 .shape-group li.shape-1 { top: 95px; left: 95px }

.testimonial-area-3 .shape-group li.shape-2 { bottom: 215px; left: 245px }

.testimonial-area-3 .shape-group li.shape-3 { bottom: 150px; right: 170px }

.testimonial-area-3 .shape-group li.shape-4 { top: 120px; right: 70px }

.testimonial-area-3 .shape-group li.shape-5 { bottom: 150px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }

.testimonial-area-3 .shape-group li.shape-5 img { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1 }

.testimonial-area-4 { padding: 120px 0 70px; position: relative }



@media only screen and (min-width:768px) and (max-width:991px) {

.testimonial-area-4 { padding: 100px 0 50px }

}



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

.testimonial-area-4 .testimonial-heading-area { padding-right: 0 }

}



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

.testimonial-area-4 .testimonial-heading-area .section-title.section-left { text-align: center }

}

.testimonial-area-4 .shape-group li img { opacity: .2 }

.testimonial-area-4 .shape-group li.shape-1 { bottom: 60px; left: 42% }

.testimonial-area-4 .shape-group li.shape-2 { bottom: 35px; right: 12% }

.testimonial-area-4 .shape-group li.shape-2 img { opacity: .7 }

.testimonial-coverflow { margin: -55px 0 }

.testimonial-coverflow .testimonial-grid { margin: 55px 0; position: relative }



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

.testimonial-coverflow .testimonial-grid { margin: 55px 30px }

}

.testimonial-coverflow .testimonial-grid:before { content: ""; height: 100%; width: 100%; background-color: var(--color-white); opacity: .7; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; -webkit-transition: var(--transition); transition: var(--transition) }

.testimonial-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-active .testimonial-grid:before { opacity: 0 }

.swiper-testimonial-slider-wrapper .swiper-slide { opacity: 0 }

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible { opacity: 1 }

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid { margin-left: 36px; box-shadow: 70px 0 50px 0 rgba(26,46,85,.1); padding: 40px 30px 50px }



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

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid { margin-left: 0 }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid { margin-left: 40px }

}

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid { margin-left: 40px; margin-right: 36px; box-shadow: -40px 0 50px 0 rgba(26,46,85,.1); padding: 40px 30px 50px }



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

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid { margin-left: 0; margin-right: 0 }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid { margin-left: 40px }

}

.testimonial-area-1 { margin-top: 25px }



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

.testimonial-area-1 { margin-top: 0 }

}

.testimonial-area-1 .home-one-testimonial-activator { margin-bottom: -50px }

.testimonial-area-1 .home-one-testimonial-activator .testimonial-grid { margin-top: 30px; margin-bottom: 50px }

.swiper-pagination .swiper-pagination-bullet { height: 7px; width: 7px; background-color: rgba(26,182,157,.3); opacity: 1; margin: 0 8px!important }

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #1ab69d }

.testimonial-area-6 { position: relative }

.testimonial-area-6:before { content: ""; height: 925px; width: 100%; background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245,241,235,.3) 100%); background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245,241,235,.3) 100%); -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%); position: absolute; bottom: 0; left: 0; right: 0; z-index: -1 }



@media only screen and (min-width:768px) and (max-width:991px) {

.testimonial-area-6:before { height: 55% }

}



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

.testimonial-area-6:before { height: 55% }

}

.testimonial-area-6 .slick-nav-dot .slick-dots { bottom: 30px; text-align: right }

.testimonial-area-6 .slick-nav-dot.slick-dotted { margin-bottom: 0 }

.testimonial-area-6 .shape-group li.shape-1 { bottom: 80px; left: -100px }

.testimonial-area-6 .shape-group li.shape-2 { top: -50px; right: -94px }

.testimonial-area-6 .shape-group li.shape-3 { top: -200px; right: -250px }

.testimonial-area-6 .shape-group li.shape-3 span { height: 400px; width: 400px; border: 1px solid #e8e6e3; border-radius: 50%; display: block }

.video-gallery { position: relative; z-index: 1 }

.video-gallery .thumbnail { position: relative }

.video-gallery .thumbnail img { border-radius: 0 80px 0 120px }

.video-gallery .thumbnail .video-play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; width: 80px; height: 80px; line-height: 82px; -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1); transition: all 1s cubic-bezier(0, 0, .2, 1); border-radius: 50%; background: var(--color-secondary); margin: 0 auto; display: inline-block; font-size: 24px; text-align: center; color: var(--color-white) }



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

.video-gallery .thumbnail .video-play-btn { width: 60px; height: 60px; line-height: 62px }

}

.video-gallery .thumbnail .video-play-btn i { margin-left: 5px }

.video-gallery .thumbnail .video-play-btn:before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid rgba(255,255,255,.3); -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite }

.video-gallery .thumbnail .video-play-btn:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid rgba(255,255,255,.3); -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite }

.video-gallery .thumbnail:before { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.3); border-radius: 0 80px 0 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }

.video-gallery .shape-group li { margin: 0; position: absolute; z-index: -1 }

.video-gallery .shape-group li.shape-1 { top: -70px; right: -70px }

.video-gallery .shape-group li.shape-2 { top: -100px; right: 15px; z-index: 1 }



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

.video-gallery .shape-group li.shape-2 { display: none }

}

.video-gallery .shape-group li.shape-3 { bottom: -40px; left: -130px }

.video-area-1 { background-repeat: no-repeat; background-position: center top; background-size: contain }

.video-area-2 { position: relative; z-index: 1; padding: 210px 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.video-area-2 { padding: 150px 0 200px }

}



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

.video-area-2 { padding: 120px 0 150px }

}

.video-area-2:before { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 }

.video-banner-content { text-align: center }

.video-banner-content .video-btn { margin-bottom: 100px }



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

.video-banner-content .video-btn { margin-bottom: 70px }

}

.video-banner-content .video-play-btn { position: relative; border: 0; width: 80px; height: 80px; line-height: 82px; -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1); transition: all 1s cubic-bezier(0, 0, .2, 1); border-radius: 50%; background: var(--color-secondary); margin: 0 auto; display: inline-block; font-size: 24px; text-align: center; color: var(--color-white) }

.video-banner-content .video-play-btn i { margin-left: 5px }

.video-banner-content .video-play-btn:before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid rgba(255,255,255,.3); -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite }

.video-banner-content .video-play-btn:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; border: 1px solid rgba(255,255,255,.3); -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite }

.video-banner-content .title { color: var(--color-white); margin-bottom: 0 }

.video-area-3 { margin-top: -270px }

.video-area-3 .video-gallery .thumbnail img { border-radius: 10px }

.video-area-3 .video-gallery .thumbnail:before { border-radius: 10px }

.video-area-3 .video-gallery .shape-group li.shape-1 { top: -70px; right: auto; left: -70px }

.video-area-3 .video-gallery .shape-group li.shape-2 { top: -20px; right: auto; left: -110px }

.video-area-3 .video-gallery .shape-group li.shape-3 { bottom: -40px; right: -40px; left: auto; z-index: 1 }

.video-area-4 .video-gallery { margin-bottom: -275px }



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

.video-area-4 .video-gallery { margin-bottom: 0 }

}

.video-gallery-5 { margin-top: 40px }

.video-gallery-5 .thumbnail:before { border-radius: 50px 10px 0 0 }

.video-gallery-5 .thumbnail img { border-radius: 50px 10px 0 0; width: 100% }

.video-gallery-5 .content { background-color: var(--color-white); box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); border-radius: 0 0 10px 10px; padding: 22px 30px }

.video-gallery-5 .content .title { margin-bottom: 0; width: 60% }



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

.video-gallery-5 .content .title { width: 100% }

}

.why-choose-content .section-title { margin-bottom: 32px }

.why-choose-content .features-list .features-box { padding: 0; background-color: transparent; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; margin-bottom: 36px }

.why-choose-content .features-list .features-box .icon { background-color: transparent; margin-right: 30px; margin-bottom: 0 }

.why-choose-content .features-list .features-box .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.why-choose-content .features-list .features-box .content .title { margin-bottom: 6px }

.why-choose-content .features-list .features-box .content p { color: var(--color-body) }

.why-choose-content .features-list .features-box.color-secondary-style .icon { border: 1px solid rgba(238,74,98,.2) }

.why-choose-content .features-list .features-box.color-secondary-style:hover .icon { background-color: var(--color-secondary) }

.why-choose-content .features-list .features-box.color-primary-style .icon { border: 1px solid rgba(26,182,157,.2) }

.why-choose-content .features-list .features-box.color-primary-style:hover .icon { background-color: var(--color-primary) }

.why-choose-content .features-list .features-box.color-extra05-style .icon { border: 1px solid rgba(248,148,31,.2) }

.why-choose-content .features-list .features-box.color-extra05-style:hover .icon { background-color: var(--color-extra05) }

.why-choose-gallery { position: relative; z-index: 1 }

.why-choose-gallery .thumbnail img { border-radius: 10px }

.why-choose-gallery .thumbnail.thumbnail-1 { text-align: right }



@media only screen and (min-width:768px) and (max-width:991px) {

.why-choose-gallery .thumbnail.thumbnail-1 { margin-right: 80px }

}

.why-choose-gallery .thumbnail.thumbnail-2 { margin-top: -230px }



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

.why-choose-gallery .thumbnail.thumbnail-2 { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }

}

.why-choose-gallery .thumbnail.thumbnail-2 img { background-color: var(--color-white); padding: 10px; box-shadow: 0 30px 90px 0 rgba(26,46,85,.1) }

.why-choose-gallery .shape-group li.shape-1 { top: 100px; left: 30px }

.why-choose-gallery .shape-group li.shape-2 { bottom: -35px; right: 45px }

.why-choose-gallery .shape-group li.shape-2 img { -webkit-animation: rotateIt 10s linear infinite; animation: rotateIt 10s linear infinite }

.why-choose-area-2 { position: relative; z-index: 2; overflow: hidden; background-color: var(--color-white) }

.why-choose-area-2:before { content: ""; height: 68%; width: 100%; background-color: var(--color-lighten04); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); position: absolute; top: 0; left: 0; right: 0; z-index: -1 }



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

.why-choose-area-2 .shape-group { display: none }

}

.why-choose-area-2 .shape-group li { position: absolute; z-index: -1 }

.why-choose-area-2 .shape-group li.shape-1 { top: -310px; left: -50px }

.why-choose-area-2 .shape-group li.shape-1 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.why-choose-area-2 .shape-group li.shape-2 { top: 80px; left: 100px }

.why-choose-area-2 .shape-group li.shape-3 { top: 100px; right: -20px }

.why-choose-area-2 .shape-group li.shape-3 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.why-choose-area-2 .shape-group li.shape-4 { top: 50px; right: 10px }

.why-choose-area-2 .shape-group li.shape-5 { bottom: -50px; right: -50px }

.why-choose-area-2 .shape-group li.shape-5 span { display: block; height: 100px; width: 100px; border: 16px solid #f8b81f; border-radius: 50% }

.why-choose-box.features-box { box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); padding: 60px 50px 55px; border-radius: 5px }

.why-choose-box.features-box .icon { height: 90px; width: 90px; font-size: 44px }

.why-choose-box.features-box .content .title { margin-bottom: 22px }

.why-choose-box-2.features-box { box-shadow: var(--shadow-darker); padding: 0 10px 25px; border-radius: 5px 50px 5px 70px }

.why-choose-box-2.features-box .icon { height: 90px; width: 90px; font-size: 44px; -webkit-transform: translateY(-55px); -ms-transform: translateY(-55px); transform: translateY(-55px); margin-top: 55px; margin-bottom: -20px; color: var(--color-white) }

.why-choose-box-2.features-box .content .title { margin-bottom: 22px }

.why-choose-box-2.features-box.color-primary-style .icon { background-color: #1ab69d }

.why-choose-box-2.features-box.color-secondary-style .icon { background-color: #ee4a62 }

.why-choose-box-2.features-box.color-extra08-style .icon { background-color: #4664e4 }

.why-choose-box-3.features-box { box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); padding: 0; border-radius: 5px; max-width: 370px; margin: 0 auto }

.why-choose-box-3.features-box .thumbnail img { border-radius: 5px 5px 0 0 }

.why-choose-box-3.features-box .content { padding: 0 40px 45px }

.why-choose-box-3.features-box .icon { margin-top: -40px; position: relative; height: 90px; width: 90px; font-size: 44px; color: var(--color-white) }

.why-choose-box-3.features-box .content .title { margin-bottom: 22px }

.why-choose-box-3.features-box.color-primary-style .icon { background-color: #1ab69d }

.why-choose-box-3.features-box.color-secondary-style .icon { background-color: #ee4a62 }

.why-choose-box-3.features-box.color-extra08-style .icon { background-color: #4664e4 }

.why-choose-area-3 { position: relative; z-index: 2; overflow: hidden }



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

.why-choose-area-3 .shape-group { display: none }

}

.why-choose-area-3 .shape-group li.shape-1 { top: -180px; left: 75px }



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

.why-choose-area-3 .shape-group li.shape-1 { left: -100px }

}

.why-choose-area-3 .shape-group li.shape-1 span { display: block; height: 476px; width: 476px; border: 1px solid var(--color-border); border-radius: 50% }

.why-choose-area-3 .shape-group li.shape-2 { top: 195px; left: 120px }



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

.why-choose-area-3 .shape-group li.shape-2 { left: 60px }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.why-choose-area-3 .shape-group li.shape-2 { left: -60px; top: 150px }

}

.why-choose-area-3 .shape-group li.shape-3 { top: 210px; right: -60px }

.why-choose-area-4 { position: relative; z-index: 2 }



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

.why-choose-area-4 .shape-group { display: none }

}

.why-choose-area-4 .shape-group li { position: absolute; z-index: -1 }

.why-choose-area-4 .shape-group li.shape-1 { top: -25px; left: -205px }



@media only screen and (min-width:1200px) and (max-width:1450px) {

.why-choose-area-4 .shape-group li.shape-1 { top: -35px; left: -165px }

}

.why-choose-area-4 .shape-group li.shape-2 { top: 10px; right: -270px }

.why-choose-area-4 .shape-group li.shape-2 span { height: 400px; width: 400px; border: 1px solid #e8e6e3; border-radius: 50%; display: block }

.error-page-area { position: relative }

.error-page-area>.shape-group li { position: absolute; z-index: -1 }

.error-page-area>.shape-group li.shape-1 { bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: .3 }

.edu-error { text-align: center }

.edu-error .thumbnail { margin-bottom: 60px; position: relative; display: inline-block }



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

.edu-error .thumbnail { margin-bottom: 50px }

}



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

.edu-error .thumbnail .shape-group { display: none }

}

.edu-error .thumbnail .shape-group li { position: absolute; z-index: -1 }

.edu-error .thumbnail .shape-group li.shape-1 { left: -46px; top: -5px; opacity: .4 }

.edu-error .thumbnail .shape-group li.shape-2 { left: 50px; top: -15px }

.edu-error .thumbnail .shape-group li.shape-3 { right: -46px; top: -25px; opacity: .4 }

.edu-error .thumbnail .shape-group li.shape-4 { right: -12px; top: 40px; z-index: 1 }

.edu-error .content .title { font-size: 50px; margin-bottom: 10px }



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

.edu-error .content .title { font-size: 40px }

}



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

.edu-error .content .title { font-size: 30px }

}

.edu-error .content .subtitle { margin-bottom: 65px }



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

.edu-error .content .subtitle { margin-bottom: 50px }

}

.edu-error .content .edu-btn i { padding-right: 10px; font-size: 16px; top: 1px }

.coming-soon-page-area { height: 100vh; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 50px 0; min-height: 500px; overflow-y: auto; position: relative; z-index: 1 }

.coming-soon-page-area .shape-group li { position: absolute; z-index: -1 }

.coming-soon-page-area .shape-group li.shape-1 { top: 70px; left: 155px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.coming-soon-page-area .shape-group li.shape-1 { left: -55px }

}

.coming-soon-page-area .shape-group li.shape-2 { top: 240px; left: 360px }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.coming-soon-page-area .shape-group li.shape-2 { left: 105px }

}

.coming-soon-page-area .shape-group li.shape-3 { top: 170px; right: 19% }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.coming-soon-page-area .shape-group li.shape-3 { right: 0 }

}

.coming-soon-page-area .shape-group li.shape-4 { top: 50px; right: 14%; height: 71px; width: 71px; border: 11px solid rgba(255,255,255,.2); border-radius: 50% }

.coming-soon-content { max-width: 660px; margin: 0 auto; text-align: center }

.coming-soon-content .coming-countdown { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }



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

.coming-soon-content .coming-countdown .countdown-section { margin: 0 15px 30px }

.coming-soon-content .coming-countdown .countdown-section .countdown-number { font-size: 35px }

.coming-soon-content .coming-countdown .countdown-section:after { top: -14px; right: -20px }

}

.coming-soon-content .title { font-size: 90px; color: var(--color-white); font-weight: var(--p-extra-bold); margin-bottom: 70px }



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

.coming-soon-content .title { font-size: 75px; margin-bottom: 60px }

}



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

.coming-soon-content .title { font-size: 65px; margin-bottom: 50px }

}



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

.coming-soon-content .title { font-size: 50px; margin-bottom: 40px }

}



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

.coming-soon-content .title { font-size: 40px; margin-bottom: 35px }

}

.coming-soon-content .input-group { background-color: var(--color-white); border-radius: 5px; margin-top: 70px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px }



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

.coming-soon-content .input-group { margin-top: 30px }

}

.coming-soon-content .input-group .form-control { background-color: transparent; height: 50px }

.coming-soon-content .input-group .form-control:focus { box-shadow: none }

.coming-soon-content .input-group .edu-btn { border-radius: 5px!important; padding: 0 35px }



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

.coming-soon-content .input-group .edu-btn { padding: 0 15px }

}

.edu-header .header-mainmenu { background-color: var(--color-white); box-shadow: 0 6px 15px 0 rgba(0,0,0,.05); position: relative }



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

.edu-header .header-mainmenu { padding-top: 10px; padding-bottom: 10px }

}



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

.edu-header .header-mainmenu { padding-top: 12px; padding-bottom: 12px }

}

.edu-header .header-mainmenu.edu-sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 99; background-color: var(--color-white); -webkit-animation: headerSticky .95s ease forwards; animation: headerSticky .95s ease forwards }

.edu-header .header-navbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.edu-header .header-navbar { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }

}

.edu-header .header-navbar .header-mainnav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }



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

.edu-header .header-navbar .header-mainnav { display: none }

}

.edu-header .header-brand { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

.edu-header .header-brand .logo { margin-right: 40px }



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

.edu-header .header-brand .logo { margin-right: 15px }

}

.edu-header .header-brand .logo a { display: block }

.edu-header .header-category { border-left: 1.5px solid #f2f2f2; border-right: 1.5px solid #f2f2f2; margin-right: 10px }



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

.edu-header .header-category { display: none }

}

.edu-header .header-category .mainmenu li.has-droupdown>a { padding: 0 40px }

.edu-header .header-category .mainmenu li.has-droupdown>a i { padding-right: 10px; font-size: 18px; position: relative; top: 2px }

.edu-header .header-category .mainmenu li.has-droupdown>a:after { display: none }

.edu-header.header-fullwidth .header-mainmenu, .edu-header.header-fullwidth .header-top-bar { padding-left: 62px; padding-right: 62px }



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

.edu-header.header-fullwidth .header-mainmenu, .edu-header.header-fullwidth .header-top-bar { padding-left: 22px; padding-right: 22px }

}



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

.edu-header.header-fullwidth .header-mainmenu, .edu-header.header-fullwidth .header-top-bar { padding-left: 0; padding-right: 0 }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.header-style-1 .header-top .header-top-left .header-notify { font-size: 13px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.header-style-1 .header-top .header-top-left .header-notify { text-align: center; padding: 15px 0 5px }

}



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

.header-style-1 .header-top .header-top-left .header-notify { text-align: center; padding: 15px 0 5px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.header-style-1 .header-top .header-info { margin: 0 -20px }

}



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

.header-style-1 .header-top .header-info { margin: 0 -10px }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

.header-style-1 .header-top .header-info li { padding: 14px 15px 12px; font-size: 13px }

}



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

.header-style-1 .header-top .header-info li { padding: 10px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.header-style-1 .header-top .header-info li:after { height: 50% }

}



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

.header-style-1 .header-top .header-info li:after { display: none }

}



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

.header-style-1 .header-top .header-info li:nth-last-child(2):after { display: none }

}



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

.header-style-1 .header-top .header-info li.social-icon { display: none }

}



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

.header-style-1 .header-mainnav .mainmenu-nav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}

.header-style-1 .header-action li.search-icon { display: none }



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

.header-style-1 .header-action li.search-icon { display: block }

}

.header-style-2 .header-mainmenu .header-right { position: relative; padding-left: 50px; margin-left: 22px }



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

.header-style-2 .header-mainmenu .header-right { padding-left: 20px; margin-left: 0 }

}

.header-style-2 .header-mainmenu .header-right:after { content: ""; height: 40px; width: 2px; background-color: #f2f2f2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0 }

.header-style-2 .header-mainmenu .mainmenu { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }

.header-style-2 .header-action { margin: 0 -16px }

.header-style-2 .header-action li { margin: 0 16px }

.header-style-2 .header-action li.icon a .count { background-color: var(--color-secondary) }

.header-style-2 .header-action li.icon.cart-icon { margin-right: 26px }

.header-style-2 .header-top-bar { background-color: var(--color-lighten04) }

.header-style-2 .header-top .header-info li { color: var(--color-heading); font-weight: 500 }

.header-style-2 .header-top .header-info li:after { background-color: #e0ddd7; height: 30px; display: none }

.header-style-2 .header-top .header-info li:first-child:after { display: block }

.header-style-2 .header-top .header-info li a { color: var(--color-heading) }

.header-style-2 .header-top .header-info li i { color: var(--color-secondary) }

.header-style-3 .header-mainmenu .header-right { position: relative; padding-left: 50px; margin-left: 22px }



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

.header-style-3 .header-mainmenu .header-right { padding-left: 20px; margin-left: 0 }

}

.header-style-3 .header-mainmenu .header-right:after { content: ""; height: 40px; width: 2px; background-color: #f2f2f2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0 }

.header-style-3 .header-mainmenu .mainmenu { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }

.header-style-3 .header-action { margin: 0 -16px }

.header-style-3 .header-action li { margin: 0 16px }

.header-style-3 .header-action li.icon.cart-icon { margin-right: 26px }

.header-style-3 .header-top-bar { background-color: #232323 }

.header-style-3 .header-top .header-info li { color: rgba(255,255,255,.7); font-weight: 500 }

.header-style-3 .header-top .header-info li:after { background-color: rgba(255,255,255,.2); height: 30px; display: none }

.header-style-3 .header-top .header-info li:first-child:after { display: block }

.header-style-3 .header-top .header-info li a { color: rgba(255,255,255,.7) }

.header-style-3 .header-top .header-info li a:hover { color: var(--color-white) }

.header-style-3 .header-top .header-info li i { color: var(--color-primary) }

.header-style-4 { position: relative; z-index: 5 }

.header-style-4:before { content: url(../images/others/shape-19.png); position: absolute; top: 0; left: 0 }



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

.header-style-4:before { display: none }

}

.header-style-4:after { content: url(../images/others/shape-20.png); position: absolute; top: 0; right: 0; z-index: -1 }



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

.header-style-4:after { display: none }

}

.header-style-4 .header-mainmenu { box-shadow: none; -webkit-transition: var(--transition); transition: var(--transition) }

.header-style-4 .header-mainmenu.edu-sticky { box-shadow: 0 6px 15px 0 rgba(0,0,0,.05) }

.header-style-4.header-fullwidth .header-mainmenu { padding-left: 90px; padding-right: 90px }



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

.header-style-4.header-fullwidth .header-mainmenu { padding-left: 40px; padding-right: 40px }

}



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

.header-style-4.header-fullwidth .header-mainmenu { padding-left: 0; padding-right: 0 }

}

.header-style-4 .header-navbar .header-mainnav { margin-left: 25px }



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

.header-style-4 .header-navbar .header-mainnav { margin-left: 0 }

}



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

.header-style-4 .header-navbar .header-mainnav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}

.header-style-4 .header-action li.search-icon { display: none }



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

.header-style-4 .header-action li.search-icon { display: block }

}

.mainmenu-nav .mainmenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; font-family: var(--font-secondary) }

.mainmenu-nav .mainmenu>li>a { color: var(--color-heading); font-size: 15px; font-weight: 600; padding: 0 20px; display: block; height: 90px; line-height: 94px; -webkit-transition: 0.3s; transition: 0.3s }



@media only screen and (min-width:992px) and (max-width:1199px) {

.mainmenu-nav .mainmenu>li>a { padding: 0 17px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.mainmenu-nav .mainmenu>li>a { padding: 0 12px }

}

.mainmenu-nav .mainmenu>li>a:hover, .mainmenu-nav .mainmenu>li>a.active { color: var(--color-primary)!important }

.mainmenu-nav .mainmenu li { margin-top: 0; margin-bottom: 0; position: relative }

.mainmenu-nav .mainmenu li.has-droupdown>a { position: relative }

.mainmenu-nav .mainmenu li.has-droupdown>a::after { position: absolute; content: "\e91e"; font-family: 'icomoon'; right: 8px; top: 0; font-size: 6px; font-weight: 400 }



@media only screen and (min-width:992px) and (max-width:1199px) {

.mainmenu-nav .mainmenu li.has-droupdown>a::after { right: 0 }

}

.mainmenu-nav .mainmenu li.has-droupdown .submenu { min-width: 270px; height: auto; position: absolute; top: 90%; left: 0; z-index: 8; opacity: 0; visibility: hidden; text-align: left; padding: 20px 0 25px; -webkit-transition: 0.3s; transition: 0.3s; background-color: var(--color-white); box-shadow: 0 10px 40px rgba(0,0,0,.08) }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li { position: relative }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li a { font-size: 15px; font-weight: 600; padding: 5px 30px; display: block; color: var(--color-heading) }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover { color: var(--color-primary)!important; background: var(--color-darker) }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active { color: var(--color-primary)!important; background: var(--color-darker) }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown>a::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 10px; right: 40px }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown .submenu { position: absolute; left: 100%; top: 90%; z-index: 90; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s }

.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown:hover .submenu { left: 100%; top: 0; z-index: 90; opacity: 1; visibility: visible }

.mainmenu-nav .mainmenu li.has-droupdown:hover>.submenu { opacity: 1; visibility: visible; top: 100% }

.mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu { opacity: 1; visibility: visible; top: 100%; pointer-events: all }

.mainmenu-nav .mainmenu li ul.mega-menu { min-width: 1170px; height: auto; position: absolute; top: 90%; left: -324px; z-index: 10; opacity: 0; visibility: hidden; padding: 70px 0; -webkit-transition: 0.3s; transition: 0.3s; background-color: var(--color-white); box-shadow: 0 10px 40px rgba(0,0,0,.08); display: grid; grid-template-columns: repeat(3, 1fr); pointer-events: none }



@media only screen and (min-width:1200px) and (max-width:1599px) {

.mainmenu-nav .mainmenu li ul.mega-menu { left: -524px }

}



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

.mainmenu-nav .mainmenu li ul.mega-menu { left: -473px }

}

.mainmenu-nav .mainmenu li ul.mega-menu .menu-title { font-weight: 700; padding-left: 100px; margin-bottom: 0 }

.mainmenu-nav .mainmenu li ul.mega-menu>li { border-right: 1px solid var(--color-border) }

.mainmenu-nav .mainmenu li ul.mega-menu>li:last-child { border-right: 0 }

.mainmenu-nav .mainmenu li ul.mega-menu .submenu { position: initial; visibility: visible; opacity: 1; box-shadow: none; padding: 20px 0 0 70px }

.header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu, .header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu { left: auto; right: -397px }

.header-top-bar { background-color: #1f2432 }



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

.header-top-bar { display: none }

}

.header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



@media only screen and (min-width:768px) and (max-width:991px) {

.header-top { display: block }

}



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

.header-top { display: block }

}

.header-top .header-top-left { margin-right: 30px }



@media only screen and (min-width:768px) and (max-width:991px) {

.header-top .header-top-left { margin-right: 0 }

}



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

.header-top .header-top-left { margin-right: 0 }

}

.header-top .header-top-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right }

.header-top .header-notify { font-family: var(--font-secondary); font-size: 14px; color: var(--color-white) }

.header-top .header-notify a { color: var(--color-secondary); text-decoration: underline; font-weight: 500 }

.header-top .header-notify a:hover { color: var(--color-primary) }

.header-top .header-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px }



@media only screen and (min-width:768px) and (max-width:991px) {

.header-top .header-info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

}



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

.header-top .header-info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -15px }

}

.header-top .header-info li { display: inline-block; margin: 0; font-family: var(--font-secondary); font-size: 14px; color: var(--color-white); padding: 14px 30px 12px; position: relative }



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

.header-top .header-info li { padding: 15px }

}

.header-top .header-info li:after { content: ""; height: 100%; width: 1px; background-color: rgba(255,255,255,.1); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0 }

.header-top .header-info li a { color: var(--color-white) }

.header-top .header-info li a:hover { color: var(--color-secondary) }

.header-top .header-info li i { font-size: 15px; color: var(--color-secondary); padding-right: 10px; position: relative; top: 1px }

.header-top .header-info li:last-child:after { display: none }

.header-top .header-info li.social-icon { margin: 0 -12px }

.header-top .header-info li.social-icon a { padding: 0 12px }

.header-top .header-info li.social-icon a i { color: var(--color-white); -webkit-transition: var(--transition); transition: var(--transition); padding: 0 }

.header-top .header-info li.social-icon a:hover i { color: var(--color-secondary) }

.header-top .header-info li.header-btn { padding: 0 30px 0 0 }



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

.header-top .header-info li.header-btn { padding: 0 }

}

.header-top .header-info li.header-btn .edu-btn { color: var(--color-white); border-radius: 0; overflow: visible }

.header-top .header-info li.header-btn .edu-btn i { color: var(--color-white); padding-right: 0; font-size: 11px; top: 0 }

.header-top .header-info li.header-btn .edu-btn:after { border-radius: 0 }

.header-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -20px }



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

.header-action { margin: 0 -10px }

}

.header-action li { margin: 0 20px; line-height: 1 }



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

.header-action li { margin: 0 10px }

}

.header-action li.icon a { font-size: 22px; color: var(--color-heading); position: relative }

.header-action li.icon a .count { position: absolute; top: -9px; right: -10px; display: block; text-align: center; height: 20px; width: 20px; line-height: 23px; background-color: var(--color-primary); border-radius: 50%; color: var(--color-white); font-size: 12px; font-weight: 500; font-family: var(--font-secondary) }

.header-action li.icon a:hover { color: var(--color-primary) }

.header-action li.icon.cart-icon { margin-right: 30px }



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

.header-action li.icon.cart-icon { margin-right: 20px }

}



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

.header-action .search-bar { display: none }

}

.header-action .search-bar .input-group { border: 1px solid #e5e5e5; border-radius: 4px }

.header-action .search-bar .input-group .form-control { height: 50px; border: none; line-height: 1; font-size: 15px; color: var(--color-heading); font-weight: 400; padding: 0 0 0 20px }

.header-action .search-bar .input-group .form-control:focus { box-shadow: none }

.header-action .search-bar .input-group .search-btn { border: none; background-color: transparent; font-size: 20px; color: var(--color-heading); padding: 0 20px; -webkit-transition: var(--transition); transition: var(--transition) }

.header-action .search-bar .input-group .search-btn:hover { color: var(--color-primary) }



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

.header-action .header-btn { display: none }

}

.header-action .header-btn a { display: block; color: var(--color-white); padding: 0 30px }

.header-action .mobile-menu-bar .hamberger-button { background-color: transparent; border: none; padding: 0; color: var(--color-heading); font-size: 15px; line-height: 1; -webkit-transition: var(--transition); transition: var(--transition) }

.header-action .mobile-menu-bar .hamberger-button:hover { color: var(--color-primary) }

.popup-mobile-menu { z-index: 9999; position: fixed; content: ""; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out }

.popup-mobile-menu .inner { width: 305px; z-index: 999; position: absolute; background: #FFF; box-shadow: 0 10px 30px rgba(0,0,0,.06); height: 100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; left: -150px; -webkit-transition: all .5s ease-out; transition: all .5s ease-out }

.popup-mobile-menu .inner .header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid var(--color-border); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px }

.popup-mobile-menu .inner .header-top .logo a img { max-height: 45px }

.popup-mobile-menu .inner .header-top .close-menu .close-button { background: var(--color-white); border: 0 none; color: var(--color-heading); width: 40px; height: 40px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; box-shadow: 0 10px 30px rgba(0,0,0,.06); -webkit-transition: var(--transition); transition: var(--transition) }

.popup-mobile-menu .inner .header-top .close-menu .close-button:hover { background-color: var(--color-primary); color: var(--color-white) }

.popup-mobile-menu.active { visibility: visible; opacity: 1 }

.popup-mobile-menu.active .inner { opacity: 1; left: 0; overflow-y: auto }

.popup-mobile-menu .mainmenu { list-style: none; padding: 0; margin: 0; padding: 15px 20px }

.popup-mobile-menu .mainmenu li { margin: 0 }

.popup-mobile-menu .mainmenu li a { padding: 8px 0; display: block; font-size: 16px; font-weight: 500 }

.popup-mobile-menu .mainmenu li a.active { color: var(--color-primary)!important }

.popup-mobile-menu .mainmenu li+li { border-top: 1px solid var(--color-border) }

.popup-mobile-menu .mainmenu .has-droupdown .submenu { padding: 0; max-width: 100%; list-style: none; padding-left: 14px; display: none }

.popup-mobile-menu .mainmenu .has-droupdown .submenu li a { font-size: 15px }

.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active { color: var(--color-primary)!important }

.popup-mobile-menu .mainmenu .has-droupdown>a { position: relative }

.popup-mobile-menu .mainmenu .has-droupdown>a::after { position: absolute; content: "\e942"; font-family: 'icomoon'!important; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.4s; transition: 0.4s; font-size: 12px }

.popup-mobile-menu .mainmenu .has-droupdown>a.open::after { content: "\ea0b" }

.popup-mobile-menu .mainmenu .mega-menu { padding: 0; max-width: 100%; list-style: none; padding-left: 14px; display: none }

.popup-mobile-menu .mainmenu .mega-menu>li .menu-title { margin-bottom: 5px; padding-top: 15px }

.popup-mobile-menu .mainmenu .mega-menu .submenu { padding: 0; margin: 0; display: block }

.edu-search-popup { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform 0.7s ease; transition: -webkit-transform 0.7s ease; transition: transform 0.7s ease; transition: transform 0.7s ease, -webkit-transform 0.7s ease }

.edu-search-popup.open { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); height: 100% }

.edu-search-popup .content-wrap { background-color: var(--color-white); width: 100%; min-height: 560px; position: relative; box-shadow: 0 10px 40px 0 rgba(0,0,0,.08); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px }



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

.edu-search-popup .content-wrap { min-height: 450px }

}

.edu-search-popup .site-logo { position: absolute; top: 60px; left: 70px }



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

.edu-search-popup .site-logo { top: 40px; left: 20px }

}

.edu-search-popup .close-button { position: absolute; right: 62px; top: 62px }



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

.edu-search-popup .close-button { top: 50px; right: 15px }

}

.edu-search-popup .close-button .close-trigger { background: transparent; border: none; color: var(--color-heading); font-size: 22px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-search-popup .close-button .close-trigger:hover { color: var(--color-primary) }

.edu-search-popup .inner { width: 100%; max-width: 1170px; margin: 0 auto }

.edu-search-popup .inner .search-form { position: relative; border-bottom: 1px solid var(--color-border) }

.edu-search-popup .inner .search-form input { height: 90px; border: 0 none; border-radius: 5px; background: #FFF; padding: 0; padding-right: 55px; font-weight: 400; font-family: var(--font-secondary); font-size: 24px }



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

.edu-search-popup .inner .search-form input { font-size: 16px; height: 60px }

}

.edu-search-popup .inner .search-form .submit-button { position: absolute; right: 0; padding: 0; margin: 0; border: 0 none; outline: none; color: var(--color-heading); background: transparent; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-search-popup .inner .search-form .submit-button:hover { color: var(--color-primary) }



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

.edu-search-popup .inner .search-form .submit-button { font-size: 20px }

}

.edu-search-popup::before { position: absolute; background-color: transparent; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 }

.no-topbar .edu-search-popup { top: 0 }

.edu-footer { position: relative; z-index: 1 }

.edu-footer .footer-top { position: relative; padding: 100px 0 95px }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-footer .footer-top { padding: 80px 0 }

}



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

.edu-footer .footer-top { padding: 60px 0 }

}

.edu-footer .description { margin-top: 20px; margin-bottom: 20px }

.edu-footer .information-list li { margin-top: 0; margin-bottom: 0 }

.edu-footer .information-list li span { font-weight: 500; margin-right: 5px }

.edu-footer .information-list li a { -webkit-transition: 0.3s; transition: 0.3s }

.edu-footer .information-list li+li { margin-top: 5px }

.edu-footer .information-list li:hover a { color: var(--color-primary) }

.edu-footer .edu-footer-widget .inner { margin-top: 36px }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-footer .edu-footer-widget .inner { margin-top: 20px }

}



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

.edu-footer .edu-footer-widget .inner { margin-top: 20px }

}

.edu-footer .edu-footer-widget .footer-link { list-style: none; padding: 0; margin-bottom: 0 }

.edu-footer .edu-footer-widget .footer-link li { margin-top: 0; margin-bottom: 0 }

.edu-footer .edu-footer-widget .footer-link li a { display: block; line-height: 26px }

.edu-footer .edu-footer-widget .footer-link li+li { margin-top: 11px }

.edu-footer .edu-footer-widget .footer-link li:hover a { color: var(--color-primary) }

.edu-footer .edu-footer-widget .input-group { margin-bottom: 35px }

.edu-footer .edu-footer-widget .input-group .form-control { background-color: var(--color-white); border-radius: 5px!important; font-size: var(--font-size-b1); font-weight: 400; border: none; height: auto; padding: 0 15px }

.edu-footer .edu-footer-widget .input-group button { margin-left: 10px!important; border-radius: 5px!important }

.edu-footer .edu-footer-widget.explore-widget { margin-left: 65px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.edu-footer .edu-footer-widget.explore-widget { margin-left: 0 }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-footer .edu-footer-widget.explore-widget { margin-left: 0 }

}



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

.edu-footer .edu-footer-widget.explore-widget { margin-left: 0 }

}



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

.edu-footer .edu-footer-widget .input-group.footer-subscription-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }

}



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

.edu-footer .edu-footer-widget .input-group.footer-subscription-form .form-control { width: 100%; height: 50px; margin-bottom: 20px }

}



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

.edu-footer .edu-footer-widget .input-group.footer-subscription-form button { margin-left: 0px!important }

}

.edu-footer.footer-dark .widget-title { color: var(--color-white) }

.edu-footer.footer-dark p { color: #bababa }

.edu-footer.footer-dark li { color: #bababa }

.edu-footer.footer-dark a { color: #bababa }

.edu-footer.footer-lighten .widget-title { font-weight: var(--p-bold) }

.edu-footer.footer-lighten p { color: var(--color-heading) }

.edu-footer.footer-lighten li { color: var(--color-heading) }

.edu-footer.footer-lighten a { color: var(--color-heading) }

.edu-footer.footer-light p { color: var(--color-heading) }

.edu-footer.footer-light li { color: var(--color-heading) }

.edu-footer.footer-light a { color: var(--color-heading) }

.edu-footer.footer-light .edu-footer-widget .input-group .form-control { background-color: var(--color-lighten04) }

.edu-footer.footer-kindergarten { background-color: #111212 }

.edu-footer.footer-kindergarten .footer-top { padding: 100px 0 40px }

.edu-footer.footer-kindergarten .edu-footer-widget .widget-information { margin-bottom: 24px }

.edu-footer.footer-kindergarten .widget-title { color: var(--color-white) }

.edu-footer.footer-kindergarten p { color: #bababa }

.edu-footer.footer-kindergarten li { color: #bababa }

.edu-footer.footer-kindergarten a { color: #bababa }

.edu-footer.footer-kindergarten .copyright-area a { color: var(--color-primary) }

.edu-footer.footer-kindergarten .copyright-area a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.edu-footer.footer-for-kitchen .shape-group li.shape-1 { top: 45px; left: 6% }



@media only screen and (max-width:1650px), only screen and (min-width:1401px) and (max-width:1750px) {

.edu-footer.footer-for-kitchen .shape-group li.shape-1 { left: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.edu-footer.footer-for-kitchen .shape-group li.shape-1 { left: -80px }

}

.edu-footer.footer-for-kitchen .shape-group li.shape-2 { bottom: 30px; left: 40px }



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

.edu-footer.footer-for-kitchen .shape-group li.shape-2 { left: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.edu-footer.footer-for-kitchen .shape-group li.shape-2 { left: -80px }

}

.edu-footer.footer-for-kitchen .shape-group li.shape-3 { bottom: -50px; left: 46% }

.edu-footer.footer-for-kitchen .shape-group li.shape-4 { bottom: -10px; right: 40px }



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

.edu-footer.footer-for-kitchen .shape-group li.shape-4 { right: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.edu-footer.footer-for-kitchen .shape-group li.shape-4 { right: -50px }

}

.edu-footer.footer-for-kitchen .shape-group li.shape-5 { top: 50px; right: 6% }



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

.edu-footer.footer-for-kitchen .shape-group li.shape-5 { right: 0 }

}



@media only screen and (min-width:1200px) and (max-width:1450px) {

.edu-footer.footer-for-kitchen .shape-group li.shape-5 { right: -50px }

}

.edu-footer.footer-for-yoga .shape-group li img { opacity: .3 }

.edu-footer.footer-for-yoga .shape-group li.shape-1 { top: 45px; left: 6% }



@media only screen and (max-width:1650px), only screen and (min-width:1401px) and (max-width:1750px) {

.edu-footer.footer-for-yoga .shape-group li.shape-1 { left: 0 }

}

.edu-footer.footer-for-yoga .shape-group li.shape-2 { bottom: 30px; left: 40px }



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

.edu-footer.footer-for-yoga .shape-group li.shape-2 { left: 0 }

}

.edu-footer.footer-for-yoga .shape-group li.shape-2 img { opacity: .2 }

.edu-footer.footer-for-yoga .shape-group li.shape-3 { bottom: -83px; left: 46% }

.edu-footer.footer-for-yoga .shape-group li.shape-3 img { opacity: .7 }

.edu-footer.footer-for-yoga .shape-group li.shape-4 { bottom: -10px; right: 40px }



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

.edu-footer.footer-for-yoga .shape-group li.shape-4 { right: 0 }

}

.edu-footer.footer-for-yoga .shape-group li.shape-4 img { opacity: .2 }

.edu-footer.footer-for-yoga .shape-group li.shape-5 { top: 50px; right: 6% }



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

.edu-footer.footer-for-yoga .shape-group li.shape-5 { right: 0 }

}

.copyright-area { padding: 32px 0 }

.copyright-area p { margin-bottom: 0 }

.footer-dark .copyright-area { border-top: 1px solid #1f2020 }

.footer-dark .copyright-area a { color: var(--color-primary) }

.footer-dark .copyright-area a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.footer-lighten .copyright-area { background-color: #ebeff0 }

.footer-lighten .copyright-area p { color: var(--color-heading) }

.footer-lighten .copyright-area a { color: var(--color-primary) }

.footer-lighten .copyright-area a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.footer-light .copyright-area { background-color: var(--color-white); border-top: 1px solid #e5e5e5 }

.footer-light .copyright-area p { color: var(--color-heading) }

.footer-light .copyright-area a { color: var(--color-primary) }

.footer-light .copyright-area a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.footer-kindergarten .copyright-area { padding: 105px 0 50px }

.footer-kindergarten .copyright-area a { color: var(--color-primary) }

.footer-kindergarten .copyright-area a:hover { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.blog-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 18px; margin: -5px -16px }



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

.blog-meta { margin: -5px -10px }

}

.blog-meta li { margin: 5px 16px; color: var(--color-heading); position: relative }



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

.blog-meta li { margin: 5px 10px }

}

.blog-meta li:last-child:after { display: none }

.blog-meta li:after { content: ""; height: 19px; width: 1px; background-color: #dbdbdb; position: absolute; top: 3px; right: -18px }



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

.blog-meta li:after { right: -12px }

}

.blog-meta li a { color: var(--color-heading) }

.blog-meta li i, .blog-meta li img { font-size: 16px; padding-right: 10px; position: relative; top: 2px; color: var(--color-primary) }

.edu-blog { position: relative }

.edu-blog .thumbnail { position: relative }

.edu-blog .thumbnail a { display: block; border-radius: 10px; position: relative; overflow: hidden }

.edu-blog .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-blog .thumbnail a img { width: 100%; border-radius: 10px; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-blog .thumbnail .video-play-btn { height: 80px; width: 80px; line-height: 80px; background-color: var(--color-white); border-radius: 50%!important; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; font-size: 18px; color: var(--color-primary) }

.edu-blog .thumbnail .video-play-btn:after { display: none }



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

.edu-blog .thumbnail .video-play-btn { height: 65px; width: 65px; line-height: 65px }

}

.edu-blog .content { background-color: var(--color-white); padding: 30px; border-radius: 10px; position: relative; box-shadow: var(--shadow-darker) }



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

.edu-blog .content { padding: 30px 20px }

}



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

.edu-blog .content { padding: 20px }

}

.edu-blog .content .blog-category { color: var(--color-body); margin-bottom: 10px; text-transform: uppercase }

.edu-blog .content .blog-category:hover { color: var(--color-primary) }

.edu-blog .content .title { margin-bottom: 10px }

.edu-blog .content p { margin-bottom: 0 }

.edu-blog .content.position-top { margin-top: -175px; margin-left: 30px; margin-right: 30px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.edu-blog .content.position-top { margin-top: -125px }

}



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

.edu-blog .content.position-top { margin-top: -105px }

}



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

.edu-blog .content.position-top { margin-left: 15px; margin-right: 15px }

}



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

.edu-blog .content.position-top { margin-left: 15px; margin-right: 15px }

}

.edu-blog .content.position-top .read-more-btn { position: absolute; top: -40px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-blog .content.position-top .read-more-btn .btn-icon-round { box-shadow: var(--shadow-dark) }

.edu-blog:hover .thumbnail a:after { visibility: visible; opacity: 1 }

.edu-blog:hover .thumbnail a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.edu-blog:hover .position-top .read-more-btn { visibility: visible; opacity: 1; top: -30px }

.edu-blog.blog-style-2 { margin-bottom: 40px }

.edu-blog.blog-style-2:last-child { margin-bottom: 0 }

.edu-blog.blog-style-2 .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.edu-blog.blog-style-2 .inner { display: block }

}

.edu-blog.blog-style-2 .thumbnail { margin-right: 30px }



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

.edu-blog.blog-style-2 .thumbnail { margin-right: 0; margin-bottom: 20px }

}

.edu-blog.blog-style-2 .thumbnail a:after { visibility: visible; opacity: 1; background-color: rgba(0,0,0,.3) }

.edu-blog.blog-style-2 .thumbnail a img { width: 100% }

.edu-blog.blog-style-2 .content { box-shadow: none; padding: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.edu-blog.blog-style-2 .content .blog-meta { padding-bottom: 0 }

.edu-blog.blog-style-2 .content .blog-meta i { color: #d0d0d1 }

.edu-blog.blog-style-2 .blog-date { width: 80px; height: 80px; background: var(--color-primary); border-radius: 60px 60px 14px 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; right: 0; z-index: 1 }

.edu-blog.blog-style-2 .blog-date span { font-weight: 700; font-size: 22px; display: block; color: var(--color-white); text-align: center; font-family: var(--font-secondary) }

.edu-blog.blog-style-2 .blog-date span.day { line-height: 1; margin-bottom: 4px }

.edu-blog.blog-style-2 .blog-date span.month { line-height: 1; font-size: 14px; font-weight: 500 }



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

.edu-blog.blog-style-2.first-large-blog { margin-bottom: 20px }

}

.edu-blog.blog-style-2.first-large-blog .inner { display: block }

.edu-blog.blog-style-2.first-large-blog .thumbnail { margin-right: 0; margin-bottom: 20px }

.edu-blog.blog-style-2.first-large-blog .thumbnail a:after { display: none }

.edu-blog.blog-style-2.first-large-blog .content { padding-left: 110px }

.edu-blog.blog-style-2.first-large-blog .content .blog-date { top: 6px; right: auto; left: 0 }

.edu-blog.blog-style-2.first-large-blog .content .title { margin-bottom: 15px }

.edu-blog.blog-style-2.first-large-blog .content .blog-meta { padding-top: 20px }

.edu-blog.blog-style-3 .thumbnail a { border-radius: 10px 10px 0 0 }

.edu-blog.blog-style-3 .thumbnail a img { border-radius: 10px 10px 0 0 }

.edu-blog.blog-style-3 .thumbnail .read-more-btn { position: absolute; top: 53%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; visibility: hidden; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }

.edu-blog.blog-style-3 .thumbnail .read-more-btn a { display: inline-block; border-radius: 50% }

.edu-blog.blog-style-3 .thumbnail .read-more-btn a:after { display: none }

.edu-blog.blog-style-3 .content { border-radius: 0 0 10px 10px }

.edu-blog.blog-style-3 .content:before { content: url(../../assets/images/blog/shape-01.png); position: absolute; top: -36px; left: 0; right: 0; overflow: hidden }



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

.edu-blog.blog-style-3 .content:before { content: '' }

}

.edu-blog.blog-style-3 .content .title { font-weight: var(--p-bold) }

.edu-blog.blog-style-3:hover .thumbnail .read-more-btn { visibility: visible; opacity: 1; top: 51% }

.edu-blog.blog-style-4 { margin-bottom: 70px }

.edu-blog.blog-style-4 .thumbnail a { border-radius: 10px 10px 0 0 }

.edu-blog.blog-style-4 .thumbnail a img { border-radius: 10px 10px 0 0 }

.edu-blog.blog-style-4 .content { padding: 44px 50px }



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

.edu-blog.blog-style-4 .content { padding: 30px 25px }

}

.edu-blog.blog-style-4 .content .read-more-btn { margin-top: 25px }

.edu-blog.blog-style-5 { margin-bottom: 40px }

.edu-blog.blog-style-list { background-color: var(--color-white); box-shadow: var(--shadow-darker); padding: 40px 40px 30px; border-radius: 10px; margin-bottom: 40px }



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

.edu-blog.blog-style-list { padding: 30px 20px 30px }

}

.edu-blog.blog-style-list .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.edu-blog.blog-style-list .thumbnail { margin-right: 40px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.edu-blog.blog-style-list .thumbnail { max-width: 250px; margin-right: 30px }

}



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

.edu-blog.blog-style-list .thumbnail { margin-right: 20px }

}

.edu-blog.blog-style-list .content { background-color: transparent; box-shadow: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 }



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

.edu-blog.blog-style-list .content { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto }

}

.edu-blog.blog-style-list .content .read-more-btn { margin-top: 24px }

.edu-blog.post-video .thumbnail a:after { visibility: visible; opacity: 1; background-color: rgba(0,0,0,.3) }

.edu-blog.post-gallery .thumbnail a img { -webkit-transform: none; -ms-transform: none; transform: none }

.edu-blog.post-gallery .thumbnail a:after { display: none }

.blog-view-all-btn { text-align: center; margin-top: 55px }

.blog-view-all-btn .view-text { font-size: 18px; margin-bottom: 0 }

.edu-blog-area { position: relative }



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

.edu-blog-area .shape-group { display: none }

}

.edu-blog-area .shape-group li { position: absolute; z-index: -1 }

.edu-blog-area .shape-group li.shape-1 { left: -117px; top: -70px }

.edu-blog-area .shape-group li.shape-2 { top: 99px; left: 55px }

.edu-blog-area .shape-group li.shape-2 span { display: block; height: 101px; width: 101px; border: 15px solid var(--color-secondary); border-radius: 50% }

.edu-blog-area .shape-group li.shape-3 { right: 85px; bottom: 90px }

.edu-blog-area.blog-area-2 { background-position: center top; padding-top: 140px }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-blog-area.blog-area-2 { padding-top: 120px }

}



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

.edu-blog-area.blog-area-2 { padding-top: 120px }

}

.edu-blog-area.blog-area-2 .shape-group li.shape-1 { left: 135px; top: 30px; z-index: 1 }



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

.edu-blog-area.blog-area-2 .shape-group li.shape-1 { left: 0 }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.blog-area-4 { padding: 30px 0 60px!important }

}



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

.blog-area-4 { padding: 0 0 30px!important }

}

.blog-details-content { border-bottom: 1px solid var(--color-border); padding-bottom: 70px }

.blog-details-content .entry-content .category { letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase; display: block }

.blog-details-content .entry-content .title { margin-bottom: 5px }

.blog-details-content .entry-content .thumbnail { margin: 50px 0 65px }



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

.blog-details-content .entry-content .thumbnail { margin: 20px 0 30px }

}

.blog-details-content .entry-content .thumbnail img { border-radius: 10px; width: 100% }

.blog-details-content>.title { margin-top: 60px }

.blog-details-content>p { margin-bottom: 26px }

.blog-details-content>ul { list-style: disc }

.blog-details-content>ul li { color: var(--color-heading); margin-top: 12px; margin-bottom: 12px }

.blog-details-content .features-image { margin: 65px 0 }



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

.blog-details-content .features-image { margin: 40px 0 }

}

.blog-details-content .features-image .thumb img { width: 100%; border-radius: 5px }

.blog-details-content blockquote { margin: 65px 0 70px }



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

.blog-details-content blockquote { margin: 40px 0 30px }

}

.blog-details-content .blog-share-area { margin-top: 65px }

.blog-details-content .blog-tags, .blog-details-content .blog-share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

.blog-details-content .blog-tags .title, .blog-details-content .blog-share .title { margin-bottom: 0; margin-right: 12px }

.blog-details-content .blog-share { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }



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

.blog-details-content .blog-share { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 30px }

}

.blog-details-content .blog-share .title { margin-right: 25px }

.blog-details-content .blog-share .social-share { margin: 0 -12px }

.blog-details-content .blog-share .social-share li { margin: 0 12px }

blockquote { box-shadow: 0 5px 50px 0 rgba(26,46,85,.1); background-color: var(--color-white); border-radius: 10px; padding: 35px 40px 35px 120px; position: relative }



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

blockquote { padding: 35px 30px 35px 100px }

}

blockquote:after { content: "\e94a"; font-family: var(--font-icomoon); font-size: 35px; color: var(--color-primary); position: absolute; top: 30px; left: 40px }



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

blockquote:after { left: 30px; font-size: 30px }

}

blockquote p { font-size: 17px; margin-bottom: 8px }

blockquote .author { margin-bottom: 0; font-weight: var(--p-medium) }

.blog-author { padding: 70px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }



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

.blog-author { display: block }

}

.blog-author .thumbnail { margin-right: 30px }



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

.blog-author .thumbnail { margin-right: 20px }

}



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

.blog-author .thumbnail { margin-right: 0; margin-bottom: 20px }

}

.blog-author .thumbnail img { border-radius: 50% }

.blog-author .author-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.blog-author .author-content .title { margin-bottom: 10px }

.blog-author .author-content p { margin-bottom: 15px }

.blog-author .author-content .social-share.icon-transparent { margin: 0 -10px }

.blog-author .author-content .social-share.icon-transparent li { margin: 0 10px }

.blog-author .author-content .social-share.icon-transparent li a { font-size: 18px }

.blog-pagination-list { border: 1px solid #e7e7e7; border-radius: 5px; -webkit-transition: var(--transition); transition: var(--transition); position: relative; z-index: 2 }

.blog-pagination-list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 25px 30px; position: relative; z-index: 1; color: var(--color-heading); font-family: var(--font-secondary); font-weight: var(--p-semi-bold); font-size: 18px; line-height: 26px; -webkit-transition: var(--transition); transition: var(--transition) }

.blog-pagination-list a i { font-size: 20px; -webkit-transition: 0.4s; transition: 0.4s; margin-right: 20px }

.blog-pagination-list:hover { background-color: #f0f4f5; border-color: #f0f4f5 }

.blog-pagination-list.next-post { text-align: right }

.blog-pagination-list.next-post a i { margin-right: 0; margin-left: 20px }

.comment-area { margin-top: 100px }

.comment-area .heading-title { margin-bottom: 30px }

.comment-list-wrapper .comment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }

.comment-list-wrapper .comment .thumbnail { min-width: 80px; width: 80px; max-height: 80px; border-radius: 50%; margin-right: 30px }



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

.comment-list-wrapper .comment .thumbnail { margin-right: 20px; min-width: 60px; width: 60px }

}

.comment-list-wrapper .comment .thumbnail img { border-radius: 50%; width: 100% }

.comment-list-wrapper .comment .comment-content .title { margin-bottom: 2px }

.comment-list-wrapper .comment .comment-content .date { display: block; margin-bottom: 14px }

.comment-list-wrapper .comment .comment-content p { margin-bottom: 18px }

.comment-list-wrapper .comment .comment-content .reply-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 15px; line-height: 26px; font-family: var(--font-secondary) }

.comment-list-wrapper .comment .comment-content .reply-btn i { margin-right: 10px }

.comment-list-wrapper .comment.comment-reply { margin-left: 110px }



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

.comment-list-wrapper .comment.comment-reply { margin-left: 40px }

}

.comment-list-wrapper .comment+.comment { border-top: 1px solid var(--color-border); padding-top: 30px; margin-top: 30px }

.comment-form-area { margin-top: 90px }

.comment-form-area .heading-title { margin-bottom: 30px }

.comment-form .form-group { margin-bottom: 0 }

.comment-form .form-group input, .comment-form .form-group textarea { box-shadow: var(--shadow-darker) }

.comment-form .form-group .edu-form-check label { color: var(--color-body); padding-left: 27px }

.comment-form .form-group .edu-form-check label:before { background-color: #f7f7f7; border-color: var(--color-border); height: 15px; width: 15px; top: 5px }

.comment-form .form-group .edu-form-check label:after { left: 3px }

.comment-form .form-group .edu-form-check input:checked~label::before { background-color: var(--color-primary); border-color: var(--color-primary) }

.comment-form .form-group .edu-form-check input:checked~label::after { opacity: 1 }

.edu-blog-sidebar { background-color: var(--color-white); box-shadow: 0 10px 50px 0 rgba(26,46,85,.07); border-radius: 5px; padding: 35px 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-blog-sidebar { margin-top: 70px }

}



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

.edu-blog-sidebar { margin-top: 60px }

}

.edu-blog-widget { padding: 35px 40px }



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

.edu-blog-widget { padding: 20px }

}

.edu-blog-widget .widget-title { margin-bottom: 35px }

.edu-blog-widget.widget-search .blog-search { position: relative }

.edu-blog-widget.widget-search .blog-search .search-button { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; padding: 0; color: var(--color-placeholder); background-color: transparent; font-size: 18px }

.edu-blog-widget.widget-search .blog-search input { padding: 0 20px 0 56px; border: 1px solid var(--color-border) }

.edu-blog-widget.widget-latest-post .latest-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px solid var(--color-border); padding-bottom: 20px; margin-bottom: 20px }

.edu-blog-widget.widget-latest-post .latest-post:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none }

.edu-blog-widget.widget-latest-post .latest-post .thumbnail { margin-right: 20px }



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

.edu-blog-widget.widget-latest-post .latest-post .thumbnail { margin-right: 10px }

}

.edu-blog-widget.widget-latest-post .latest-post .thumbnail a img { border-radius: 5px; max-height: 95px; object-fit: cover }

.edu-blog-widget.widget-latest-post .latest-post .post-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.edu-blog-widget.widget-latest-post .latest-post .post-content .title { margin-bottom: 5px }

.edu-blog-widget.widget-latest-post .latest-post .post-content .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.edu-blog-widget.widget-latest-post .latest-post .post-content .blog-meta { padding-bottom: 0 }

.edu-blog-widget.widget-categories .category-list { margin: -14px 0 }

.edu-blog-widget.widget-categories .category-list li { margin: 14px 0 }

.edu-blog-widget.widget-categories .category-list li a { font-family: var(--font-secondary); color: var(--color-heading); font-weight: var(--p-medium) }

.edu-blog-widget.widget-categories .category-list li a:hover { color: var(--color-primary) }

.edu-blog-widget.widget-action .inner { background-color: #f5f9fa; text-align: center; padding: 40px 40px 90px; border-radius: 10px; background-image: url(../images/others/shape-21.png); background-size: cover; background-repeat: no-repeat; background-position: center }



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

.edu-blog-widget.widget-action .inner { padding: 40px 25px 60px }

}

.edu-blog-widget.widget-action .inner .title { font-size: 22px; margin-bottom: 5px }

.edu-blog-widget.widget-action .inner .title span { color: var(--color-secondary) }

.edu-blog-widget.widget-action .inner .shape-line { font-size: 10px; color: var(--color-primary); display: block; margin-bottom: 14px }

.edu-blog-widget.widget-action .inner p { color: var(--color-heading); margin-bottom: 20px }

.tag-list { margin: -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }

.tag-list a { border: 1px solid var(--color-border); border-radius: 5px; font-weight: 500; font-size: 14px; font-family: var(--font-secondary); margin: 5px; height: 40px; line-height: 40px; padding: 0 14px; -webkit-transition: var(--transition); transition: var(--transition); position: relative; z-index: 1 }

.tag-list a:after { content: ""; height: 100%; width: 100%; background: var(--gradient-primary); border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0 }

.tag-list a:hover { color: var(--color-white); border-color: transparent }

.tag-list a:hover:after { opacity: 1 }

.edu-section-gap { padding: 60px 0; }



@media only screen and (min-width:768px) and (max-width:991px) {

.edu-section-gap { padding: 95px 0 100px }

}



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

.edu-section-gap { padding: 75px 0 80px }

}

.gap-tb-text { padding: 115px 0 112px }



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-tb-text { padding: 95px 0 92px }

}



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

.gap-tb-text { padding: 75px 0 72px }

}

.section-gap-equal { padding: 120px 0 }



@media only screen and (min-width:768px) and (max-width:991px) {

.section-gap-equal { padding: 100px 0 }

}



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

.section-gap-equal { padding: 80px 0 }

}

.gap-top-text { padding-top: 115px }



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-top-text { padding-top: 95px }

}



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

.gap-top-text { padding-top: 75px }

}

.gap-bottom-text { padding-bottom: 112px }



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-bottom-text { padding-bottom: 92px }

}



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

.gap-bottom-text { padding-bottom: 72px }

}

.gap-top-equal { padding-top: 120px }



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-top-equal { padding-top: 100px }

}



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

.gap-top-equal { padding-top: 80px }

}

.gap-bottom-equal { padding-bottom: 120px }



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-bottom-equal { padding-bottom: 100px }

}



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

.gap-bottom-equal { padding-bottom: 80px }

}

.section-gap-large { padding: 145px 0 150px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.section-gap-large { padding: 115px 0 120px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.section-gap-large { padding: 95px 0 100px }

}



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

.section-gap-large { padding: 75px 0 80px }

}

.gap-large-text { padding: 145px 0 142px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-large-text { padding: 115px 0 112px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-large-text { padding: 95px 0 92px }

}



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

.gap-large-text { padding: 75px 0 72px }

}

.gap-large-equal { padding: 150px 0 }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-large-equal { padding: 120px 0 }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-large-equal { padding: 100px 0 }

}



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

.gap-large-equal { padding: 80px 0 }

}

.gap-lg-top-text { padding-top: 145px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-lg-top-text { padding-top: 115px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-lg-top-text { padding-top: 95px }

}



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

.gap-lg-top-text { padding-top: 75px }

}

.gap-lg-bottom-text { padding-bottom: 142px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-lg-bottom-text { padding-bottom: 112px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-lg-bottom-text { padding-bottom: 92px }

}



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

.gap-lg-bottom-text { padding-bottom: 72px }

}

.gap-lg-bottom-equal { padding-bottom: 150px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-lg-bottom-equal { padding-bottom: 120px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-lg-bottom-equal { padding-bottom: 100px }

}



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

.gap-lg-bottom-equal { padding-bottom: 80px }

}

.gap-lg-top-equal { padding-top: 150px }



@media only screen and (min-width:992px) and (max-width:1199px) {

.gap-lg-top-equal { padding-top: 120px }

}



@media only screen and (min-width:768px) and (max-width:991px) {

.gap-lg-top-equal { padding-top: 100px }

}



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

.gap-lg-top-equal { padding-top: 80px }

}

.brand-section-gap { padding: 85px 0 }

.mb--10 { margin-bottom: 10px }

.mb--50 { margin-bottom: 50px!important }

.mb--60 { margin-bottom: 60px!important }

.mb--90 { margin-bottom: 90px!important }

.mt--50 { margin-top: 50px }



@media only screen and (min-width:1200px) {

.col-pl--35 { padding-left: 35px }

.col-pr--35 { padding-right: 35px }

}

.pt--50 { padding-top: 50px }



section .applications h2 { text-transform: uppercase; letter-spacing:4px; font-size:30px; color: var(--blue); }

section .applications .nav-pills { margin: 0 auto; text-align: center; display: table; }

section .applications .nav-pills li { float: left; margin: 0 10px; position: relative; }

section .applications .nav-pills .nav-link { border: solid 1px var(--color-primary); padding: 20px; border-radius: 0px; color: var(--blue); font-size: 17px; font-family: var(--raleway); font-weight: 400; min-width: 200px; }

section .applications .nav-pills .active { background: var(--color-primary); color: var(--white) !important; position: relative; font-weight: 700; }

section .applications .nav-pills .active::after { width: 0; content: ''; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid var(--color-primary); position: absolute; left: 40%; bottom: -20px; }

section .applications .tab-content { margin-top: 30px; min-height: 220px; }

section .applications .tab-content .tab-pane p { font-size: 17px; color: var(--blue); line-height: 30px; }

section .applications .tab-content .tab-pane .list ul { margin: 0; padding: 0; -webkit-columns: 3; columns: 3; }

section .applications .tab-content .tab-pane .list ul li { list-style: none; -webkit-transition: var(--transition); transition: var(--transition); font-size: 17px; color: var(--blue); padding: 8px 0; position: relative; }

section .applications .tab-content .tab-pane .list ul li::before { font-family: "Font Awesome 5 Free"; content: "\f101"; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; font-size: 14px; color: var(--light-blue); }

section .applications .tab-content .tab-pane .list-2 .title { font-size: 18px; font-weight: 700; margin-bottom: 15px; color: var(--blue); }

section .applications .tab-content .tab-pane .list-2 ul { margin: 0; padding: 0; }

section .applications .tab-content .tab-pane .list-2 ul li { list-style: none; -webkit-transition: var(--transition); transition: var(--transition); font-size: 17px; color: var(--blue); padding: 8px 0; position: relative; }

section .applications .tab-content .tab-pane .list-2 ul li::before { font-family: "Font Awesome 5 Free"; content: "\f101"; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; font-size: 14px; color: var(--light-blue); }

.padding80{padding: 80px 0;}

.padding40{padding:40px 0;}

.background-1 {background: var(--light-blue-2);}



section .faq-items { position: relative; z-index: 1; padding-left: 50px; padding: 100px 0; }

section .faq-items::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 400%; background: var(--background-3); z-index: -1; }

section .faq-items .icon i { position: absolute; right: -170px; top: 50%; font-size: 300px; opacity: 0.1; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--text-6); }

section .faq-items .fixed-thumb { position: absolute; left: -195px; bottom: 0; width: 350px; }

section .faq-items .faq-content h2 { font-family: var(--poppins); font-size: 40px; font-weight: 600; color: var(--white); }

section .faq-items .faq-content .accordion .accordion-item { background: none; }

section .faq-items .faq-content .accordion .accordion-item .accordion-button { background: none; color: var(--white); font-size: 18px; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; }

section .faq-items .faq-content .accordion .accordion-item .accordion-button:not(.collapsed)::after { background-image: url(../images/down-arrow.png); }

section .faq-items .faq-content .accordion .accordion-item .accordion-button::after { background-image: url(../images/down-arrow.png); }

section .faq-items .faq-content .accordion .accordion-body p { color: var(--white); font-size: 15px; }



section .welcome h1 { font-family: var(--heading); font-size: 40px; letter-spacing: 1px; margin: 15px 0; }

section .welcome h1 span { color: var(--color-primary); }

section .welcome h2 {font-size:17px; font-weight: 700; margin-bottom: 25px; font-style: italic; }

section .welcome h3 { font-size: 14px; color: var(--text-2); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }

section .welcome .nav-pills .nav-link { border: solid 1px var(--border-color-3) !important; border-radius: 0px !important; margin:10px 0; text-align: left; color: var(--text-9); font-family: var(--font-secondary); font-size:19px; padding: 10px 15px;}

section .welcome .nav-pills .active { background: var(--color-primary); color: var(--white); border-color: var(--color-primary) !important; }

section .welcome .nav-pills .active p{color: var(--white);}

section .welcome .border-right { border-right: solid 1px var(--color-primary); }

section .welcome .tab-content .tab-pane { padding-left: 25px; }

section .welcome .tab-content .tab-pane h3 { font-size: 30px; color: #000; text-transform: capitalize;font-weight: normal; }

section .welcome .tab-content .tab-pane h3 span { color: var(--color-primary); }

section .welcome .tab-content .tab-pane p { font-size: 15px; line-height: 25px; text-align: justify;}

section .welcome .tab-content .tab-pane .list ul { margin: 0px; padding: 0px; }

section .welcome .tab-content .tab-pane .list ul li { list-style: none; padding: 8px 25px; font-family: var(--poppins); display: block; font-size: 15px; position: relative; -webkit-transition: var(--transition); transition: var(--transition); left: 0px; }

section .welcome .tab-content .tab-pane .list ul li:hover { left: 15px; }

section .welcome .tab-content .tab-pane .list ul li:hover a { color: var(--white); }

section .welcome .tab-content .tab-pane .list ul li:hover::before { color: var(--color-primary); }

section .welcome .tab-content .tab-pane .list ul li::before { font-family: 'Font Awesome 5 Free'; font-size: 1.2em; content: "\f30b"; font-weight: 900; position: absolute; left: 0px; top: 7px; color: var(--blue); }

section .welcome .tab-content .tab-pane .list ul li a { color: var(--text-7); text-decoration: none; }

figure { background: url(../images/banner-2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:636px; }

figure h1 { color: #fff; font-size: 50px; font-weight: 700; margin-top: 20%; }

figure h1 span { color: var(--color-primary); }

figure .font-size30{font-size: 30px; font-weight: 700;}

figure .font-size23{font-size: 23px;}

figure p { color: #fff; font-size: 16px; }

figure .content{padding: 20px; background: rgba(0, 0, 0, 0.5);margin-top: 100px;}

figure .title{font-family: 'Raleway', sans-serif; font-size:30px;color: #fff;line-height:normal;text-align: left;font-weight:200;font-style: normal; margin-bottom: 15px;}

    figure .title3{font-family: 'Raleway', sans-serif; font-size:30px;color: #fff;line-height:normal;text-align: left;font-weight:200;font-style: normal; }

figure .title2{font-family: 'Raleway', sans-serif;font-size:50px;color: var(--color-primary);line-height:normal;text-align: left;font-weight: 800;font-style: normal; }

    figure .border-1{ border-top: solid 1px #a4e000; margin: 25px 0;}

    section .growing { font-family: var(--open); color: var(--white); position: relative; }

section .growing h3 { font-size: 33px; font-weight: 700; margin-bottom: 10px; color: #fff; }

section .growing p { font-size:25px; line-height: 35px; color: #fff; text-align: center;}

section .growing button { background: #d81e3c; background: -webkit-gradient(linear, left top, left bottom, from(#d81e3c), to(#b01e39)); background: linear-gradient(to bottom, #d81e3c 0%, #b01e39 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81e3c', endColorstr='#b01e39', GradientType=0 );

padding: 15px 30px; color: var(--white); border: none; border-radius: 5px; font-size: 16px; text-transform: uppercase; font-weight: 700; }

.background-2 { background: url(../images/contact-bg.jpg) no-repeat center center fixed; background-size: cover; position: relative; }

.background-2::before { position: absolute; top: 0px; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }

.background-3 { background: url(../images/bg.webp) no-repeat center center fixed; background-size: cover; position: relative; }

section .english-program h4 { font-family: var(--font-primary); color: #2679cc; font-size: 30px; font-weight: 600; }

section .english-program h2 { font-family: var(--font-primary); color: #191c1e; font-size: 40px; font-weight: 700; }

section .english-program p { color: #a0a6ad; font-size: 16px; }

section .english-program .item { text-align: center; margin-bottom: 20px; }

section .english-program .item h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #191c1e; margin: 10px 0; }

section .english-program .item p { color: #a0a6ad; font-size: 15px; }

section .english-program .item img { border-radius: 5px; width: 50px; }

.bg-gray { background: #f7f7f7; }

.bg-blue { background: #115fa1; }

section .highlights h3 { color: var(--white); }

section .highlights p { color: var(--white); }

section .highlights .list ul li { -webkit-transition: var(--transition); transition: var(--transition); color: var(--white); }

section .highlights  .button{background: white;border: none;padding: 10px 15px;border-radius: 5px;}



section .become-business .faq h1 { font-family: var(--poppins); font-size: 30px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; }

section .become-business .faq .accordion-item .accordion-button { font-weight: 600;font-size: 16px;font-family: var(--font-primary);}

section .become-business .faq .accordion-item .accordion-body p { font-size: 14px; line-height: 25px; }



.inner-banner{ background: url(../images/banner-2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding: 90px 0; position: relative;}

.inner-banner::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.6);}

.inner-banner h2{margin: 0px; color: var(--white);font-size: 30px; position: relative;}