@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Hind:wght@300;400;500;600;700&family=Nunito+Sans:wght@200;300;400;500;600;700;800;900;1000&family=Overpass:wght@100;200;300;400;500;600;700;800;900&family=Tinos:wght@400;700&display=swap');
* {scrollbar-width: auto; scrollbar-color: #c13584 #ffffff;}
*::-webkit-scrollbar {width: 13px;}
*::-webkit-scrollbar-track {background: #ffffff;}
*::-webkit-scrollbar-thumb {background-color: #c13584;border-radius: 10px;border: 3px solid #ffffff;}
::selection { color: #fff; background: #c13584; }
a {text-decoration: none;}
body,html {position: relative; scroll-behavior:smooth;}
body {margin: 0; padding: 0; overflow-x:hidden;font-family: 'Nunito Sans', sans-serif;}
.logo {height: 60px; overflow: hidden;}
.logo img {max-width: 100%; width: 100%; height: 100%; object-fit: contain;}
a:hover {text-decoration: none;}
@media screen and (min-width: 1200px) {
    header .container { max-width: 94%;}
}
header {background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d, #ffc107);
     padding: 5px 0;}
.search-box {position: relative;}
.hidden {display: none;}
.search-box label {position: absolute; top: 8px; left:12px; z-index: 2;margin: 0;}
.search-box .form-control { background-color: transparent; color: #fff; padding-left: 40px; 
    border-color: #fff; border-radius: 0;}
.search-box ::placeholder {font-weight: bold; font-size: 14px;}
.navbar-dark {padding:0;}
.search-box label i {color:#fff;}
.search-box ::placeholder {color: #fff;}
.navbar-dark .navbar-nav .nav-link { font-size: 18px;font-weight:bold;padding: 6px 18px; color: #fff; letter-spacing: 1px; margin-right: 5px;}
.navbar-dark .navbar-nav .nav-link:hover {color: rgb(255 255 255 / 90%);  background: #00000033; border-radius: 5px;}
.static-banner {overflow: hidden; padding:15px 50px;    height: 90vh;}
.btn-red {background-image: linear-gradient(to right, #405de6 0%, #ee0979  25%, #ff6a00 50%);
     color: #fff; padding:8px 22px; font-weight:500; transition: 0.5s; font-size: 24px;
     background-size: 200% auto;}
.btn-red:hover {background-position: right center; color: #fff; text-decoration: none;}
.banner-headline h2 {font-size: 46px; color: #fff; margin: 0 0 15px;/*font-family: 'Lora', serif;*/font-family: 'Tinos', serif;}
.banner-headline h4 {font-size: 26px; color: #fff;}
.hashtags {font-family: 'Shadows Into Light', cursive;font-weight: 600; color: #FF5722; font-size: 26px;}
.icon-box{ display: flex; align-items: center;justify-content: center; border-radius: 20px; padding: 10px 0;animation: attention 4s ease infinite;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(175,175,175,0.65) 100%);}
@keyframes attention {
    9% {transform: none;}
    12% {transform: scale(1.05);}
    16% {transform: scale(0.95);}
    20% {transform: scale(1.03);}
    24% {transform: scale(1);}
}
.icon-box-sec .col-md-4:nth-child(2) .icon-box {animation-delay: 2s;}
.icon-box-sec .col-md-4:last-child .icon-box {animation-delay: 4s;}
.icon-box img {max-width: 50px; width: 100%; margin-right: 15px; height: 50px; object-fit: contain;}
.icon-box h4 {margin:0; font-weight: bold; font-size: 16px;}
.featured-sec {position: relative;}
.title-div {text-align: center;}
.featured-sec {padding: 20px 0 50px;}
.title-div h3 {font-family: 'Nunito Sans', sans-serif; font-weight: 900; font-size: 38px; margin:10px 0 20px;}
.title-div p {font-size: 18px; margin-bottom: 30px;}
.featured-sec .swiper-container {max-width: 90%; width: 100%; margin: 0 auto; overflow-x: hidden;padding-top: 30px;}
.hash-ul li {font-family: 'Shadows Into Light', cursive; font-weight: 600; color: #fff; font-size: 13px; 
    display:inline-block; letter-spacing: 1px; margin: 0 4px}
.hash-ul {padding: 0; margin: 0;}
.celeb-div-box {border-radius: 15px; overflow: hidden; position: relative;height: 360px;}
.celeb-div-box img {position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: all linear 0.3s;}
.celeb-div-box img:hover {transform: scale(1.3,1.3) rotate(10deg);}
.celeb-div-box .celeb-info {position: absolute;bottom: 0; left: 0; width: 100%; padding: 15px; z-index: 2;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);}
.celeb-div-box .celeb-info h3 {color: #fff; font-size: 22px; font-weight: bold; margin:10px 0;}
.featured-sec .swiper-container .swiper-slide:nth-child(3n){transform: translateY(15px); margin-bottom: 15px;}
.featured-sec .swiper-container .swiper-slide:nth-child(2n){transform: translateY(-15px); margin-bottom: 15px;}
.featured-sec .swiper-container .swiper-slide:nth-child(4n){transform: translateY(15px); margin-bottom: 15px;}
.featured-sec .swiper-container .swiper-slide:nth-child(5n){transform: translateY(-15px); margin-bottom: 15px;}
.is-sticky header {z-index: 155 !important;}
.category-tags {padding: 30px 0; position: relative;}
.category-tags h3 {text-align: left; margin:15px 0 30px; font-weight: bold; font-size: 20px;}
.category-tags .container-fluid {max-width: 96%;width: 100%;margin: 0 0 0 auto;display: block;}
.category-tags .tag-box {padding: 10px 30px; text-align: center;border-radius:20px; background: #dee9f0; width: 100%; transition:all linear 0.3s;}
.category-tags .tag-box p {color: #000; margin:0; font-weight: bold;}
.category-tags .swiper-slide {max-width: 150px; width: 100%;}
.category-tags .tag-box:hover {background: #7542c1; }
.category-tags .tag-box:hover p {color: #fff; text-decoration: none;}
.tag-box.active-tag {background: #7542c1 !important;}
.tag-box.active-tag p { color: #fff !important;  text-decoration: none;}
.celeb-slider-sec {padding: 50px 0; position: relative;}
.title-row h3 {margin: 0 0 30px;  font-weight: bold; font-size: 30px; text-align: left;}
.celeb-slider-sec .container-fluid {margin: 0 0 0 auto; max-width: 95%; width: 100%; padding: 0;}
.celeb-box .pic {border-radius: 15px; overflow: hidden; position: relative; margin-bottom: 5px; height: 220px;}
.celeb-box .pic img {max-width: 100%; width: 100%; height:100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; transition: all linear 0.3s;}
.celeb-box .pic .pic-info {position: absolute; bottom: 5px; left: 5px; background:rgba(0, 0, 0, 0.493); z-index: 3; padding:4px 10px;
     border-radius: 15px; width: 89%; }
.celeb-box .pic:hover img {transform: scale(1.1,1.1) rotate(5deg);}
.celeb-box .pic .pic-info h4 {text-align: center; color: #fff; margin:0; font-size: 16px; letter-spacing: 1px; font-family: 'Shadows Into Light', cursive;}
.celeb-box .pic .pic-info p.offer {color: #FF5722; margin-bottom:0;line-height: 1;font-family: 'Shadows Into Light', cursive; font-weight: 600;}
.celeb-box .pic .pic-info p.old-offer {margin:0; text-decoration: line-through;color: #7588a9;}
.celeb-slider-sec .swiper-slide {max-width: 156px; width: 100%;}
.celeb-box h4 {color: #000; margin: 0; font-size: 18px; font-weight: bold; text-align: center;font-family: 'Lora', serif;}
.celeb-box .hash-ul {padding: 0; margin: 0%; list-style: none;}
.celeb-box .hash-ul li {color:#e2306c; font-size: 12px; display: inline-block; margin: 0 6px 0 0;}
.celeb-slider-sec .swiper-container {margin: 0 0 0 auto; max-width: 95%; width: 100%;}
.contact-sec {background: #eaeef5; padding: 50px 0;}
.contact-info h3 {color: #000;font-family: 'Shadows Into Light', cursive; font-weight: bold; font-size: 42px; margin-bottom: 30px;}
.contact-info {padding: 0 60px;}
.contact-info h4 {color: #000; font-size: 26px; margin-bottom: 30px; text-align: left;}
.contact-info .form-control {padding: 15px; height: auto; border-radius: 15px;}
.contact-info .btn {padding:9px 30px;border-radius: 15px;}
footer {padding: 0; background:#fff;}
.footer-logo {max-width: 80px; width: 100%; margin-bottom: 15px;}
footer p {font-size: 18px;}
footer .container-fluid {margin: 0 auto; max-width: 90%; width: 100%;}
footer .footer-ul {list-style: none; padding: 0; margin:0;}
footer .footer-ul li {display: block;}
footer .footer-ul li a {color: #000; font-size: 16px; padding: 8px 0;}
.social-ul {list-style: none; padding: 0; margin: 0; display: flex;flex-wrap: wrap; }
.social-ul li { flex: 0 0 50%; max-width: 50%; display: flex; align-items: center; padding: 0 5px;}
.social-ul li a {padding: 6px 5px; color: #000; font-size: 17px;}
.pay-ul {list-style: none; padding: 0; margin: 25px 0;}
.pay-ul li {display: inline-block; margin:0 5px;}
.pay-ul li img {max-width: 50px; width: 100%;}
.copyright {padding: 16px 0; border-top: 1px solid #ccc;}
.copyright p {margin-bottom: 0;}
footer h4 {color: #e2306c;}
.client-sec {padding: 0;}
.client-sec .title-div h3 {text-align: center;}
.client-logo {height: 100px; overflow: hidden;}
.client-logo a {display: block; height: 100%;}
.client-logo img {max-width: 100%; width: 100%; height: 100%; object-fit: contain;}
.faq-sec{  padding: 35px 0 45px;position: relative;}
.faq-sec .title-div h3 {color: #000;}
/* .faq-sec p button {background: transparent; color: #fff; border: 0;font-size: 20px; padding: 20px 0;} */
.faq-sec p {margin-bottom: 15px; border-bottom: 1px solid #3e3e3e;}
.faq-sec .modal p {border-bottom: 0 solid #3e3e3e;}
.faq-sec p button:focus {border: 0; outline: 0;}
.enroll-sec {background: #ff353e; padding: 50px 0; position: relative;}
.enroll-sec img {max-width: 80%; width: 100%;}
.enroll-sec h1 {color: #fff; font-size: 48px;font-family: 'Lora', serif;}
.enroll-sec h3 {color: #fff; margin: 10px 0;}
.enroll-sec .hash-ul li {margin: 2px 10px 2px 0;}
.purple-btn {background-image: url(../images/betheone.svg);background-size: 100% auto;background-repeat: no-repeat;max-width: 265px;
width: 100%;background-position: center;padding: 18px;}
.purple-btn a {color: #fff;font-family: 'Shadows Into Light', cursive; font-weight: bold; font-size: 20px; letter-spacing: 1px;}
.enroll-sec .btn-light {padding: 7px 30px; color: #ff353e; font-weight: bold; position: relative;}
.enroll-sec .btn-light::before {content: ''; position: absolute; bottom: 0; left: -58px; z-index: 3; width: 60px; height: 150px;
     background-image:url(../images/arrow-white.svg); background-position: center; background-repeat: no-repeat;}
.enroll-sec .top-anim {position: absolute; top: -60px; right: 30%; width: 120px; height: 120px; z-index: 3; }
.enroll-sec .bottom-anim {position: absolute; bottom: -110px; right: 0; z-index: 3; background-image:url(../images/bolt.svg); 
    background-position: center; background-repeat: no-repeat; width: 360px; height: 300px; background-size: contain;mix-blend-mode: darken; }
.testimonial-sec {position: relative; padding: 50px 0;}
.testimonial-sec h3 {color: #000; font-size: 42px;}
.testimonial-sec .title-div p {font-weight: bold; opacity: 0.5;}
.poster:before {content:'';background: #a4afc0a8;position: absolute;z-index: 1;top: 3%;right: -20px;width: 80%;height: 93%;border-radius: 25px;}
.poster:after {content:'';background: #e9ecf0;position: absolute;z-index: 0;top: 7%;right: -35px;width: 80%;height: 84%;border-radius: 25px;}
.testimonial-sec .poster {max-width: 290px; width: 100%; position: relative;}
.testimonial-sec .poster img {max-width: 100%; width: 100%; height: 515px; object-fit: cover; z-index: 2; position: relative;border-radius: 25px;}
.test-info i {font-size: 55px;color: #7542c1;}
.test-info p {font-size: 24px; font-weight: 600; color: #000;}
.test-info h4 {opacity: 0.6; font-weight: 600;}
.category-box-sec {padding: 50px 0; position: relative;}
.category-box-sec .container-fluid { margin: 0 0 0 auto; max-width: 95%; width: 100%; padding: 0;}
.category-box-sec .swiper-container { margin: 0 0 0 auto; max-width: 95%; width: 100%; padding: 0;}
.cat-box {position: relative; height: 230px; border-radius: 15px; overflow: hidden;}
.cat-box img {max-width: 100%; width: 100%; height:100%; object-fit: cover; position: absolute; top:0; left:0; z-index: 1; transition: all linear 0.3s;}
.cat-box img:hover {transform: scale(1.3,1.3) rotate(-10deg);}
.cat-box .info{background:#fff; padding: 15px; position: absolute; bottom:0; left:0; z-index: 2;}
.cat-box .info h4 {margin: 0; color: #000;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url(../images/prev-arrow-new.svg); left: 10px; right: auto;
background-size: 60px 60px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(../images/next-arrow-new.svg); right: 10px; left: auto;
    background-size: 60px 60px;}
.aside-sidebar {padding: 30px 30px;}
.aside-sidebar .widget {padding: 15px 0;}
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #108483; background-color: #108483;}
.widget .custom-control {margin-bottom: 8px;}
.widget h4 {font-size: 19px; font-weight: bold;}
.category-tags-2 .tag-box {padding: 10px 30px; text-align: center;border-radius:20px; background: #dee9f0; width: 100%; transition:all linear 0.3s;}
.category-tags-2 .tag-box p {color: #000; margin:0; font-weight: bold;}
.category-tags-2 .swiper-slide {max-width: 160px; width: 100%;}
.category-tags-2 .tag-box:hover {background: #108483; }
.category-tags-2 .tag-box:hover p {color: #fff; text-decoration: none;}
.category-tags-2 {position: relative;}
.grid-products {padding: 30px 0;}
.grid-products .celeb-box .pic {height: 315px;}
.grid-products .celeb-box .pic .pic-info { bottom: 12px; width: auto;}
.grid-products .celeb-box .pic .pic-info h4 {font-size: 20px;}
.grid-products .celeb-box {margin-bottom: 20px;}
.breadcrumb-box {background: #e9ecef;}
.breadcrumb-box .container-fluid {max-width: 85%;}
.main-pic .pic {overflow: hidden; border-radius: 15px; height: 570px; max-width: 80%; position: relative; z-index: 55;}
.main-pic .pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.grid-sec .container-fluid {max-width: 85%;}
.grid-sec {padding: 50px 15px;}
.main-pic:before {content:'';background: #a4afc0a8;position: absolute;z-index: 1;top: 3%;right: 60px;width: 80%;height: 520px;border-radius: 25px;}
.main-pic:after {content:'';background: #e9ecf0;position: absolute;z-index: 0;top: 7%;right: 35px;width: 80%;height: 468px;border-radius: 25px;}
.grid-sec h2 {font-size: 60px;font-family: 'Lora', serif;}
.grid-sec .hash-ul li {color: #4CAF50;font-size: 32px; margin-right: 10px;}
.grid-sec .hash-ul {margin-bottom: 15px;}
.grid-sec p {font-size: 18px;}
.title-h4 {font-family: 'Shadows Into Light', cursive; color: #000; font-weight: bold;}
.btn-group-red a {border-radius: 10px; padding: 10px; display: flex; margin-bottom: 15px; align-items: end; color: #fff;
    background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC  51%, #02AAB0  100%); box-shadow: 0 18px 18px 0 rgb(185 4 4 / 19%); 
    transition: 0.5s; background-size: 200% auto;}
.btn-group-red a:hover { background-position: right center;  color: #fff; text-decoration: none; }
.btn-group-red {max-width: 220px; width: 100%;}
.btn-group-red a p {margin-bottom: 0;}
.btn-group-red a img {margin-right: 8px;}
.btn-group-red div h4 {font-size: 20px; font-weight: bold; margin:5px 0;}
.subnote img {margin-right: 5px;}
.booking-sec {padding: 30px 0;}
.radio-grp {display: flex; margin: 15px 0;}
.radio-grp label {margin-right: 10px; padding: 10px 15px; font-size: 20px;border-radius: 30px; background: #b6dfff; color: #000;}
.radio-grp input:checked + label {background: #108483; color: #fff;}
.radio-grp input {visibility: hidden; width: 1px; height: 1px;}
.booking-form {padding: 0 50px;}
.booking-form h3 {margin: 0 0 15px; font-family: 'Lora', serif;font-size: 50px;color: #000;}
.booking-form .form-group label {font-weight: bold;}
.booking-form h4 {margin-top: 40px;font-family: 'Lora', serif;}
.login-sec {padding: 50px 0 100px; background-image:url(../images/bg.png); background-size: cover;}
.login-sec .nav-pills li a {padding: 8px 35px; font-size: 20px; background: #f4f4f4; color: #000; margin:0 10px 30px;}
.login-sec .nav-pills li a.active {background-color: #108483;}
.login-box {border-radius: 15px; padding: 20px;background: #e6e6e6; box-shadow: 12px 12px 1px 0 #b9b9b9;border: 1px solid #c3c3c3;}
.login-box h4 {margin-bottom: 30px; text-align: center;font-family: 'Source Sans Pro', sans-serif; font-weight: bold; font-size: 32px;}
.about-sec {padding: 60px 0; text-align: center;}
.about-sec h3 {font-size: 55px;}
.about-sec p {font-size: 18px;}
@media screen and (max-width:768px){
    header .row {margin-left:-3px; margin-right:-3px;}
    header .row [class*="col-"] {padding:0 5px;}
    header {padding: 5px 0;}
    .navbar-collapse { position: fixed; left: 0; top: 0; right: 0; background: #108483; width: 84%;
        z-index: 1000; height: 100vh;}
}
.contact-sec-page {padding: 0 0 80px;}
.single-contact {text-align: left;position: relative;padding-left: 70px;margin-bottom: 50px;margin-top: 10px;}
.single-contact i.fa {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff;
background-color: #108483;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;}
.single-contact h5 {font-size: 18px;margin-bottom: 10px;font-weight: 500;}
.single-contact p {font-size: 15px;font-weight: 400;}
.box-shadow {box-shadow: 0 0 30px 0 #ccc;}
ul.social-network {	list-style: none;	display: inline;	margin-left:0 !important;	padding: 0;}
ul.social-network li {display: inline;margin: 0 5px;}
.social-network a:hover {background-color: #063c3b; color: #fff;}
.social-circle li a {display:inline-block;	position:relative;	margin:0 auto 0 auto;	-moz-border-radius:50%;	-webkit-border-radius:50%;
	border-radius:50%;	text-align:center;width: 50px;height: 50px;	font-size:20px;background-color: #108483;}
.social-circle li i {margin:0;line-height:50px;text-align: center;}
.social-circle li a:hover i, .triggeredHover {	-moz-transform: rotate(360deg);	-webkit-transform: rotate(360deg);	-ms--transform: rotate(360deg);
	transform: rotate(360deg);	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.social-circle i {color: #fff;-webkit-transition: all 0.8s;	-moz-transition: all 0.8s;	-o-transition: all 0.8s;	-ms-transition: all 0.8s;
    transition: all 0.8s;}
.creator-div {padding: 15px 0; background:#fff; display: none;}
.upload-photo {height: 250px; max-width: 100%; width: 100%; overflow: hidden;}
.upload-photo img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.booking-sec {overflow: hidden;}
.agency-div {padding: 8px 0 20px; display:none;}
.web-series {display: none;padding: 8px 0 30px;}
.artwork {height: 220px; overflow: hidden; max-width: 100%; width: 100%;}
.artwork img {height: 100%; max-width: 100%; width: 100%; object-fit: cover;}
.professional-painter-div {padding: 8px 0 20px; display:none;}
.painting-hobby {padding: 8px 0 20px; display:none;}
.yoga-fitness {padding: 8px 0 20px; display:none;}
.form-content {position: relative;}
.model.creator-div {z-index: 2; position: relative;}
.yoga-online {padding: 8px 0 20px; display:none;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff; background: #0000001f; border-radius: 12px; border-bottom: 4px solid #fff;}
@media screen and (max-width:768px){
    .hidden-xs {display: none;}
    .about-sec {padding:20px 0;}
    .breadcrumb { margin-bottom: 0;}
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        color: rgb(255 255 255 / 90%); background: #11a7a5; border-radius: 0; border: 0;}
    .navbar-dark .navbar-nav .nav-link {margin: 0;}    
    .navbar-dark .navbar-toggler { color: rgb(255 255 255); border-color: transparent; }
    .breadcrumb-box .container-fluid { max-width: 100%;}
    .booking-form { padding: 0 15px;}
    .booking-form h3 {font-size: 30px; color: #000;}
    .radio-grp label {flex: 0 0 46%; max-width: 46%;}
    .radio-grp {flex-wrap: wrap;}
    .aside-sidebar {padding: 15px 15px;}
    .grid-sec { padding: 10px 15px;}
    .grid-sec .hash-ul li { font-size: 14px;}
    .grid-sec .container-fluid { max-width: 100%;}
    .main-pic .pic { height: 370px; max-width: 100%; position: relative; z-index: 55; margin: 0 auto;}
    .grid-sec h2 {font-size: 36px; margin: 15px 0;}
    .static-banner { padding: 15px 15px; }
    .featured-sec .swiper-container .swiper-slide:nth-child(3n) { transform: translateY(0); }
    .featured-sec .swiper-container { max-width: 100%; width: 100%; margin: 0 auto; overflow-x: hidden;}
    .celeb-div-box { height: 258px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {top: 65%;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {top: 65%;}
    .featured-sec { padding: 20px 0;}
    .category-tags { padding: 10px 0;}
    .title-row h3 { margin: 0 0 20px;}
    .category-box-sec { padding: 20px 0;}
    .celeb-slider-sec { padding: 20px 0;}
    .category-box-sec .swiper-container { margin: 0 auto; max-width: 95%;}
    .celeb-slider-sec .swiper-container {  margin: 0 auto; max-width: 95%;}
    .testimonial-sec .poster { max-width: 290px; margin: 0 auto 20px;}
    .testimonial-sec .poster img { height: 398px;}
    .enroll-sec .top-anim {display: none;}
    .enroll-sec img { max-width: 100%;}
    .enroll-sec h1 { font-size: 32px;}
    .enroll-sec .bottom-anim {display: none;}
    .enroll-sec .btn-light::before {display: none;}
    .enroll-sec { padding: 50px 0 0;}
    .client-sec { padding: 10px 0;}
    .contact-info { padding: 30px 15px;}
    .banner-headline {margin-bottom: 20px;}
    .banner-headline h2 {font-size: 35px;}
    .banner-headline h4 { font-size: 26px;}
    .icon-box { border-radius: 5px; display: block; text-align: center; min-height: 108px;}
    .icon-box h4 { font-weight: bold; font-size: 12px;}
    .icon-box img { margin-right: 0; margin-bottom: 10px; }
    .icon-box-sec .row {margin-left:-3px; margin-right:-3px;}
    .icon-box-sec .row [class*="col-"] {padding-left:3px; padding-right:3px;}
    .list-group { flex-direction: row;}
    .list-group a span {font-size:12px; display: none;}
    table .btn {display: flex;margin: 0 0 6px;width: 100%;}
    .shout-out {text-align: center !important;}
    .dashboard-tab-menu div.list-group>a.active:after { top: 85% !important; margin-top: 1px !important; 
        left: 45% !important; transform: rotate(90deg);}
    .form-wizard .form-wizard-steps {margin: 30px 0;    display: inline-flex; max-width:100%; width:100%; align-items: center; justify-content: center;}
}
@media screen and (max-width:768px){
    .add-button { position: fixed;  bottom: 0; left: 1px; width:100%; display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:0;}
}
.add-button {display:none;}
.close {color:#000;}
.hide {display:none;}
.shout-out {background:#7542c1; background-image:url(../images/bg7890.png); margin: 0 0 30px; background-size: cover; padding: 30px 0;
    background-blend-mode: luminosity; background-attachment: fixed;}
.shout-out h2 {color: #fff;text-shadow: 1px 3px 3px #002d2d; font-family: 'Shadows Into Light', cursive; font-weight: bold; letter-spacing: 2px;
    text-transform: capitalize;}
.product-slider-related-sec {padding: 50px 0; position: relative;}
.product-slider-related-sec .container-fluid {max-width: 90%; width: 100%; margin: 0 auto; overflow-x: hidden;}
.product-slider-related-sec .pic-info { width: auto;}
.tags-h3 {margin: 10px 0; display: flex; flex-wrap: wrap;}
.tags-h3 span { margin-right: 10px; font-weight: 600; font-size: 26px; color: #ff003b;}
.tags-h3 span:after {content: ','; padding: 0 5px; font-weight: bold; }
.tags-h3 span:last-child:after {display: none;}
.video-ft {list-style: none; padding: 0; margin:10px 0;}
.video-ft li {display: inline-block; margin-right: 10px; font-size: 18px; color: #2b2b2b; font-weight: 600;}
.dashboard-sec {padding: 50px 0; position: relative; background: #f4f4f4;}
div.dashboard-tab-menu{padding-right: 0;padding-left: 0;padding-bottom: 0;}
div.dashboard-tab-menu div.list-group{margin-bottom: 0;}
div.dashboard-tab-menu div.list-group>a{margin-bottom: 0; color:#108483; font-size: 20px; font-weight: bold;}
div.dashboard-tab-menu div.list-group>a .glyphicon,div.dashboard-tab-menu div.list-group>a .fa {color:#108483;}
div.dashboard-tab-menu div.list-group>a:first-child{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.dashboard-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;}
div.dashboard-tab-menu div.list-group>a.active, div.dashboard-tab-menu div.list-group>a.active .glyphicon,
div.dashboard-tab-menu div.list-group>a.active .fa{background-color:#108483;background-image:#108483;color: #ffffff;}
.dashboard-tab-menu div.list-group>a.active:after{content: '';position: absolute;left: 100%;top: 50%;margin-top: -13px;border-left: 0;
    border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-left: 10px solid#108483;}
div.dashboard-tab-menu div.list-group>a i { color:#108483;}
div.dashboard-tab-menu div.list-group>a.active i {color: #fff;}
.white-box {padding: 30px; border-radius: 5px; background: #fff; box-shadow: 0 0 50px 0 #ccc;}
.white-box .title {border-bottom: 2px solid#108483;}
.white-box .title h3 {margin:15px 0;}
.white-box .title h3 i {color:#108483;}
.bg-primary-gradient { background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;}
.bg-danger-gradient { background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;}
.bg-success-gradient {background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;}
.bg-warning-gradient { background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;}
.sales-card {margin-bottom: 30px;}
.i-lg i {color:#fff; font-size: 56px;}
.preview-file {height: 250px; overflow: hidden;}
.preview-file img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.add-file {margin-right: 15px;}
.upload-file-div .upload-file-div {padding: 0;}
table h4 {font-size: 18px; font-weight: bold;}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {display: none;}
.bg-info { background-color: #108483 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: transparent; outline: 0;border: 1px solid #1110;}
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #108483; border-color: #108483;}
.list-group-item.active { border-color: #108483;}
.video-full {max-width: 100%; width: 100%; height: 90vh; object-fit: cover; position: absolute; top: 0;
    left: 0; z-index: 1;}
.static-banner .container-fluid {position: relative; z-index: 5;}
.static-banner:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
    background: -webkit-linear-gradient(left, rgb(43 5 21) 0%,rgba(255,255,255,0) 100%); opacity: 0.6;}
.form-control:focus {color: #fff; background-color: transparent; border-color: #fff; outline: 0;
box-shadow: 0 0 5px 0.3rem rgb(255 255 255 / 55%); border-radius: 0;}
.go-top {position:fixed;border-radius: 50%;bottom: 6%; font-size: 30px;right: 3%;padding: 3px 15px;
    color: #ffffff;display:none; background-color:#d7306c;cursor: pointer; z-index: 5555;}
.go-top-text {position: absolute;width: 60px;text-align: center;font-family: 'Questrial';
line-height: 1.5;letter-spacing: 3px;font-size: 12px;margin: 20px 0 0 -4px;}
.go-top:hover {transition: all .4s linear;transform: scale(1.1);}
.highlight-info h3 {font-size: 42px; font-weight: 900; color: #000;}
.highlight-info p {font-size: 26px;}
.service-sec {padding: 30px 0; position: relative;}
.service-sec .service-box {padding:30px; text-align: center; border-radius: 15px; background-size: 200% auto;
    background-image: linear-gradient(to right, #ee0979 0%, #ff6a00  51%, #ee0979  100%);
    transition: all linear 0.3s; min-height: 454px;}
.service-sec .service-box img {max-width: 100%; width: 100%; height: 100px; object-fit: contain;
     margin-bottom: 15px; filter: invert(1);}
.service-sec .service-box * {color: #fff;}
.service-sec .service-box h4 {font-weight: 800;}
.service-sec .service-box:hover {background-position: right center;}
.service-sec .service-box p {font-size: 14px;}
.service-sec .swiper-container {margin-bottom: 25px;}
.service-sec .swiper-container .swiper-pagination-bullets { bottom: -35px;}
.service-sec .swiper-pagination {width: 100%;}
.swiper-pagination-bullet-active { background: #893ab0;}
.swiper-pagination-bullet {margin: 5px;}
.service-sec .service-box:hover {background-position: right center;}
.service-sec .swiper-slide {height: 100%;}
.service-sec .service-box a:hover {color:#f0136d;}
.service-sec .service-box a:hover i {color:#f0136d;}
.service-sec .service-box a {font-weight: 800;}
.list-flex li {display: flex; align-items: baseline; margin: 12px 0;}
.point-able {padding:15px; border-radius: 8px; text-align: center; transition: all linear 0.3s; background-size: 200% auto;
    background-image: linear-gradient(to right, #465ae3 0%, #7940be 51%, #ab3795 100%); cursor: pointer;}
.point-able h4 {text-transform: uppercase; color: #fff; font-weight: 600; margin: 0; font-size: 18px;}
.bg-grey {background-color: #ffe4f8;}
.point-able:hover {background-position: right center;}
.form-wizard {color: #000;}
.form-wizard .wizard-form-radio {display: inline-block;margin-left: 5px;position: relative;}
.form-wizard .wizard-form-radio input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;
-ms-appearance: none;-o-appearance: none;appearance: none;background-color: #fe6d12;height: 25px;
    width: 25px;display: inline-block;vertical-align: middle;border-radius: 50%;position: relative;
    cursor: pointer;}
.form-wizard .wizard-form-radio input[type="radio"]:focus {outline: 0;}
.form-wizard .wizard-form-radio input[type="radio"]:checked {background-color: #fb1647;}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {content: "";position: absolute;
    width: 10px;height: 10px;display: inline-block;background-color: #ffffff; border-radius: 50%;
    left: 1px;right: 0;margin: 0 auto;top: 8px;}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {content: "";display: inline-block;
    -webkit-animation: click-radio-wave 0.65s;-moz-animation: click-radio-wave 0.65s;animation: click-radio-wave 0.65s;
    background: #000000;content: '';display: block;position: relative;z-index: 100;border-radius: 50%;}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {padding-left: 10px;cursor: pointer;}
.form-wizard .form-wizard-header {text-align: center;}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
    background-color: #604cd3;color: #ffffff;display: inline-block;min-width: 100px;min-width: 120px;
    padding: 10px;text-align: center;}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
    color: #ffffff;opacity: 0.6;text-decoration: none;}
.form-wizard .wizard-fieldset {display: none; min-height: 400px;}
.form-wizard .wizard-fieldset.show {display: block;}
.form-wizard .wizard-form-error {display: none;background-color: #d70b0b;position: absolute;
    left: 0;right: 0;bottom: 0;height: 2px;width: 100%;}
.form-wizard .form-wizard-previous-btn {background-color: #fb1647;}
.form-wizard .form-control, .form-wizard .form-select {font-weight: 300;height: auto !important;
    padding: 15px;color: #000; background-color: #f1f1f1;border: none;}
.form-wizard .form-control:focus, .form-wizard .form-select:focus {box-shadow: none;}
.form-wizard .form-group {position: relative;margin: 20px 0;}
.form-wizard .wizard-form-text-label {color: #000; margin-bottom: 6px;}
/* .form-wizard .wizard-form-text-label {position: absolute;left: 10px;top: 16px;transition: 0.2s linear all;} */
/* .form-wizard .focus-input .wizard-form-text-label {color: #604cd3;top: -18px;transition: 0.2s linear all;
    font-size: 12px;} */
.form-wizard .form-wizard-steps {margin: 30px 0;}
.form-wizard .form-wizard-steps li {width: 10%;float: left;position: relative;}
.form-wizard .form-wizard-steps li::after {background-color: #fb6c12;content: "";height: 5px;left: 0;
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 100%;
    border-bottom: 1px solid #fe6d12;border-top: 1px solid #fe6d12;}
.form-wizard .form-wizard-steps li span {background-color: #fe6d12;border-radius: 50%; color: #fff;
    display: inline-block; height: 30px;line-height: 30px;position: relative;text-align: center;
    width: 30px; z-index: 1;}
.form-wizard .form-wizard-steps li:last-child::after {width: 50%;}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
    background-color: #604cd3;color: #ffffff;}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
    background-color: #604cd3;left: 50%;width: 50%;border-color: #604cd3;}
.form-wizard .form-wizard-steps li.activated::after {width: 100%;border-color: #604cd3;}
.form-wizard .form-wizard-steps li:last-child::after {left: 0;}
.form-wizard .wizard-password-eye {position: absolute;right: 32px;top: 50%;transform: translateY(-50%);
    cursor: pointer;}
@keyframes click-radio-wave {
    0% {width: 25px;height: 25px;opacity: 0.35;position: relative;}
    100% {width: 60px;height: 60px;margin-left: -15px;margin-top: -15px;opacity: 0.0;}
}
@media screen and (max-width: 767px) {
    .wizard-content-left {height: auto;}
    .hide-mobile {display: none;}
    .heading-sec h3 { font-size: 34px !important; }
    .sub-banner { height: 82vh !important; background-color: #f1d4c6; background-position: bottom !important;}
    .section-wrap h3 { font-size: 28px !important; margin: 20px 0;}
    .section-wrap { padding: 20px 0 !important; }
    .section-clients h3 { font-size: 24px !important;}
}
.highlight-info-2 p {font-size: 14px;}
.hide {display: none;}
.form-wizard .btn-group {  flex-wrap: wrap; justify-content: start; align-items: center;}
.form-wizard .btn-group>.btn { position: relative; flex: none; margin: 6px; border-radius: 4px !important;}
.box-image {border: 2px solid #000; border-radius: 15px; padding: 25px; text-align:center;
    background-size:cover; background-position: center;}
.box-image i {font-size:40px;}
.box-image p {font-size: 14px;}
.form-login p {color: #000;}
.form-login h4, .form-login h3 {color: #000;}
.picture__img {max-width: 150px; }
.picture__image {display: block;}
.form-check-input:checked { border-color: #f4975d;}
.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
    color: #fff; background-color: #e52d5f; border-color: #e12f6a;}
.contact-page {position: relative; }
.contact-page iframe {border-radius: 15px;}
.info-cp-ul {list-style: none; padding: 0; margin: 0;}
.info-cp-ul li {display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.info-cp-ul li .icon {width:60px; height: 60px; border-radius: 50%; background-color: #e52d5f;
    display: flex; align-items: center; justify-content: center; flex: 0 0 60px;}
.info-cp-ul li .icon i {font-size: 20px; color: #fff;}
.info-cp-ul li .info {padding:8px 15px;}
.info-cp-ul li .info a {color: #000;}
.info-cp-ul li .info p {margin-bottom: 0; font-size: 16px;}
.info-cp-ul li .info h4 {color: #000; font-weight: bold; font-size: 22px;}
.form-control { border: 1px solid #828282; border-radius: 0; height: auto; padding: 10px 15px;}
.contact-page .btn {padding: 8px 15px;}
.sub-banner {height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: 50px 0;
    background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.sub-banner h2 {font-weight: bold; color: #000; } 
.sub-banner p {font-size: 22px;}
.section-wrap {padding: 40px 0; position: relative;}
.section-wrap h3 {font-weight: 900; font-size: 36px; margin-bottom: 20px; color: #5941b6;}
.section-wrap p {font-size: 22px;}
.heading-sec {padding: 70px 0 20px;}
.heading-sec h3 {font-size: 58px; font-weight: 900; color: #000; background: linear-gradient(
    to right, #f32170, #ff6b08,  #cf23cf, #eedd44);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.heading-sec p {font-size: 24px; color: #000;}
.client-wrap {max-width: 100%; overflow: hidden; width: 100%; height: 120px; padding: 15px;}
.client-wrap img {max-width: 100%; width: 100%; height: 100%; object-fit: contain;}
.section-clients {text-align: center; padding: 50px 0;}
.section-clients h3 {font-weight: 900; color: #000; font-size: 36px;}
.sub-page {background-image: url(../images/gradient-3.png); background-size: cover;}
.sub-page2 {background-image: url(../images/gradient-4.png); background-size: cover;}
.sub-page3 {background-image: url(../images/gradient-6.png); background-size: cover;}
.fw-bold2 {font-weight: 900;}
.accordion-flush .accordion-item .accordion-button { font-size: 20px; font-weight: bold;
    color: #000;}
.accordion-button:not(.collapsed) { color: #000; background-color: #ffe7fd;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.faq-sec h3 {font-weight: 900; color: #000; font-size: 36px;}
.ab-sec {padding: 50px 0; background-size: cover; min-height: 100vh; display: flex;
     align-items: center; justify-content: center; background-position: center left;}
.ab-sec h2 {font-size: 42px; font-weight:900; color: #000;}
.ab-sec p {font-size: 20px; color: #000;}
.about-first-sec h3 {font-size: 58px; font-weight: 900; color: #000; background: linear-gradient(
    to right, #f32170, #ff6b08,  #cf23cf, #eedd44);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.about-first-sec p {font-size: 16px;}
.about-first-sec {position: relative; background-size: 30% auto; background-position: left bottom;
    background-repeat: no-repeat; padding-bottom: 60px; }
.about-first-sec h4 {font-weight:900; color: #000; font-size: 36px; text-transform: capitalize;}
.about-first-sec {padding: 80px 0 50px;}
.card-style h4 { font-size: 24px; color: #000; font-weight: 800;}
.mnv p {font-size: 16px; opacity: 0.8;}
.mnv .card-body {padding: 25px;}
.mnv i {font-size: 56px; margin: 30px 0;}
.mnv {padding: 80px 0;}
.mnv .card { border: 0; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.mini-banner {padding: 50px 0; position: relative;}
.mini-banner .banner-wrap {background: hsla(197, 100%, 63%, 1); padding: 40px; border-radius: 15px;
background: -webkit-linear-gradient(60deg, hsla(197, 100%, 63%, 1) 0%, hsla(294, 100%, 55%, 1) 100%);}
.mini-banner .banner-wrap * {color: #fff;} 
.mini-banner .banner-wrap h3 {font-size: 42px; font-weight: 900; margin-top: 0;}
.mini-banner .banner-wrap p {font-size: 20px; margin-bottom: 0;}
.close-navbar-toggler{position:absolute;top:0;left:0;height:100vh;width:100%;z-index:1;cursor:pointer; display: block;}
.close-navbar-toggler.collapsed{z-index:-1; display: none;}