@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&display=swap');
@import url(https://db.onlinewebfonts.com/c/b662e14bee88b063a91ebcec900f35e0?family=Korbin+W01+Bold);

* {outline: none; box-shadow: none;}
body {font-family:"Onest", sans-serif; font-weight:400; font-size:18px;}

a {text-decoration:none;}

.fixed-top {padding: 10px 20px; transition: all 0.5s ease-in-out; top:0px; background: #fff;}
/******************button theme area******************/
.web-btn {position: relative; display: inline-block; width: auto; height: auto; cursor: pointer; min-width: 150px; overflow:hidden; border-radius: 10px;}
.web-btn::before,.web-btn::after {position: absolute; content: "";}
.web-btn::before {top:0; bottom: 0; right: unset;left:0; height: 100%; width: 0%; border-radius:10px; transition: all ease-in-out 400ms;} 
.web-btn span {position: relative; display: inline-block; top: 0; left: 0; width: 100%; padding:16px 36px; font-family: "Korbin W01 Bold", sans-serif;font-weight: 700; font-size: 18px; transition: transform 0.3s ease, background-color 0.3s ease;} 


.rev-ftr img.me-2 {
    width:40px;
    height: 40px;
    border-radius: 100px;
}

h3.faq-title {
    font-size: 30px;
    margin: 20px 0;
}

h3.faq-title.talent-title {
    margin: 40px 0;
}

/*****button color1***********/
.alt.web-btn{color:#fff;
  background-image: -moz-linear-gradient( 0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 100%);
   transition: 0.3s ease-out;}

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

#hire .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#hire .swiper-slide-active {
    opacity: 1;
}


.swiper-button-prev.custom-arrow {
    left: 20px;
}

.swiper-button-next.custom-arrow {
    right: 20px;
}

.swiper-button-next.custom-arrow img {
    transform: rotate(180deg);
}

.alt.web-btn:hover::before {width: 100%;
 background-image: -moz-linear-gradient( 0deg, rgba(121,101,145,1) 0%, rgba(121,101,145,1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(121,101,145,1) 0%, rgba(121,101,145,1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(121,101,145,1) 0%, rgba(121,101,145,1) 100%);
}

/*****button color2***********/
.alt2.web-btn{color:#161616;
  background-image: -moz-linear-gradient( 0deg, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
   transition: 0.3s ease-out;}

.alt2.web-btn:hover::before {width: 100%;
	background-image: -moz-linear-gradient( 0deg, rgba(227,125,215,.5) 0%, rgba(227,125,215,.5) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(227,125,215,.5) 0%, rgba(227,125,215,.5) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(227,125,215,.5) 0%, rgba(227,125,215,.5) 100%);
}

/*****button color3***********/
.alt3.web-btn{color:#fff;
  background-image: -moz-linear-gradient( 0deg, rgba(245,125,201,1) 0%, rgba(245,125,201,1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(245,125,201,1) 0%, rgba(245,125,201,1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(245,125,201,1) 0%, rgba(245,125,201,1) 100%);
   transition: 0.3s ease-out;}

.alt3.web-btn:hover::before {width: 100%;
	background-image: -moz-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(180, 124, 253, 1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(180, 124, 253, 1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(180, 124, 253, 1) 100%);
}

/*****button color gradient***********/
.alt4.web-btn{color:#fff;
  background-image: -moz-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(255, 157, 151, 1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(255, 157, 151, 1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(180, 124, 253, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(255, 157, 151, 1) 100%);
   transition: 0.3s ease-out;}

.alt4.web-btn:hover::before {width: 100%;
	background-image: -moz-linear-gradien( 0deg, rgba(255, 157, 151, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(180, 124, 253, 1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(255, 157, 151, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(180, 124, 253, 1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(255, 157, 151, 1) 0%, rgba(245, 125, 201, 1) 50%, rgba(180, 124, 253, 1) 100%);
}

.menu-icon.web-btn{display:none;}


h1,.h1,h2,h3,h4,h5,h6{font-family: 'KorbinW01-Bold', cursive; font-weight: 700;}

h1.main-heading-title,.h1 {font-size: 60px; margin-bottom: 0px;}
.h1 span {font-size:68px;}
h2.heading-common-title {font-size: 40px;}
h2.heading-common-title span {font-size:42px;}
h3 {font-size: 34px;}
h4 {font-size: 24px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}

.grad-txt {font-family:Times New Roman, sans-serif; font-weight:400; font-style:italic;
	background: -webkit-linear-gradient(left,#B47CFD,#F57DC9,#FF9D97);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
	
.container {padding:0 15px;}
.container2 {max-width:830px; margin:auto; padding:0 15px;}
/*#course .container,#about .container {max-width:1340px;}*/


/***********header*************/
.header .web-btn span  {font-size: 16px; padding:14px 30px;}
.header .web-nav .nav-link {color:#161616; font-family:"Onest", sans-serif; font-weight:600;}
.header .web-nav .nav-link:hover,.header .active a.nav-link {color: #F57DC9 !important;}
.navbar-nav {align-items: center;}

/***********main*************/
.banner-section {background: linear-gradient(180deg, rgba(235, 255, 235, 0.00) 0%, #FFF7FF 100%); overflow:hidden;}
.banner-section .bg-patren{position:relative; z-index:1;}
.banner-section .bg-patren:after {background: radial-gradient(ellipse at center, rgba(182, 146, 252, 0.2) 0%, rgba(255, 255, 255, 0) 80%); content: '';  position: absolute; width: 520px; height: 520px; top: 10%; left: 20%; z-index: -1;}
.banner-section .bg-patren:before {background: url(../images/new2/bg-frame.png) no-repeat center center; content:''; opacity:.2; width:100%; height:100%; z-index: -1; position:absolute; left:0px; top:0px;}
.banner-section .bnr-title{font-size:68px; line-height:1.1; margin-bottom:1rem;}
.banner-section .banner-content {font-family: "Inter", sans-serif; font-weight:400; font-size:18px; padding-right: 70px;}

#counter {padding: 40px 0;}
#counter .count {margin:2rem 0 0; display:flex; width:100%; justify-content: space-around;}
#counter .count h2 {font-family: 'KorbinW01-Bold', cursive;font-weight: 700; font-size:80px; margin-bottom: 0; line-height: 1;}
#counter .count h2 sup {left: 12px;}
#counter .count .count-txt {font-family: 'KorbinW01-Bold', cursive;font-weight: 700; font-size:30px; margin-bottom:.7rem; color:#121410;}
.count .count-content + .count-content {background: url(../images/new2/divide-line.svg) no-repeat center left;}
.count .count-content {padding:0 4.4rem;}


#courses .bg-right-img {position:relative;}
#courses .bg-right-img:before {background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; right:-70px; top:-45px; width:205px; height:233px;}
#courses .curs-btns {text-align:center; padding:3rem 0;}
#courses .curs-btns a {color:#161616; font-family:"Onest", sans-serif; font-weight:400; font-size:18px; border-radius: 60px; border: 1px solid rgba(180, 124, 253, 0.30);padding: 14px 36px; text-decoration:none;}
#courses .curs-btns a:hover,#courses .curs-btns a.active {font-weight:800; border: 2px solid  rgba(180, 124, 253, 0.30);
	background: -webkit-linear-gradient(left,#B47CFD,#F57DC9,#FF9D97);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#trusted {background:#FFF9EE; position:relative; z-index:1; overflow:hidden;}
#trusted:before {content: ''; position: absolute; height: 100%; width: 50%; bottom: -50%; left:10%; z-index: -1;
background: radial-gradient(ellipse at center, rgba(255, 202, 108, 0.3) 0%, rgba(255, 255, 255, 0) 75%);}
#trusted:after {content: ''; position: absolute; height: 100%; width: 50%; bottom: -50%; right:20%; z-index: -1;
background: radial-gradient(ellipse at center, rgba(180, 124, 253, 0.3) 0%, rgba(255, 255, 255, 0) 75%);}
#trusted .trusted-images{position:relative; margin-top:1rem;}
#trusted .trusted-images:after {background:url(../images/new2/bg-icon2.svg) no-repeat 0 0; content:''; display:block; position:absolute; top:-10%; left:60%; width:116px; height:121px;}

#process {padding-top:80px;}

#steps {background:#F8FFF2;}
.color1{background:#FFF6E5;}
.color2{background:#F1EFFC;}
.color3{background:#F4F5EE;}
#steps .card.color2 img {padding-left: 15%;}
#steps .card{border:0px; border-radius:28px; padding-bottom:3rem;}
#steps .card .card-body{padding:20px!important;}
#steps .sml-txt-step{background: linear-gradient(90deg, #FFFFFF 0%, #FFF9EE 50%, #F7F1FF 100%); padding:6px 18px; border:2px solid #F7F1FF; border-radius:60px; display:inline-block;}
#steps .sml-txt-step span{font-weight:500; background: -webkit-linear-gradient(left,#B47CFD,#F57DC9,#FF9D97);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#steps .rating {background:#6E64DA; padding:1rem; border-radius:16px; display:flex; align-items:center; margin: -50px 80px 0; position: relative;}
#steps .rating img {margin-bottom: -20px;}
#steps .rating .d-flex {color:#fff;font-family: "Inter", sans-serif; font-weight:400; font-size:16px;}
#steps .rating .d-flex ul {color:#FF5F5F; margin:0 15px;}

#reviews .review-area {background:#FBFBFB; border-radius:30px; padding:2rem;}
#reviews .review-area .subs {font-weight:300; font-size:14px; margin-bottom:1rem;}
#reviews .review-area .review-txt,#reviews .review-area .rev-ftr {font-family: 'KorbinW01-Bold', cursive; font-size: 18px; font-weight: 700;}
.swiper-slide.swiper-slide-active .color-bg { position:relative; z-index:1; overflow:hidden;
background: linear-gradient(135deg,  rgba(180, 124, 253, 0.2) 40%,rgba(255,255,255,0) 100%);}

.swiper-slide-active .default-testimonioal-icon {  opacity: 0;}
.swiper-slide-active .active-image {    opacity: 1;}
.swipe-slide img.ms-auto.active-image {    opacity: 0 !important;}
.ms-auto.active-image {    opacity: 0;}
.swiper-slide-active img.ms-auto.active-image {   opacity: 1;}

.swiper-slide-active .color-bg:before {content: ''; position: absolute; height: 100%; width: 100%; top: -30%; left: -40%; z-index: -1;
background: radial-gradient(ellipse at center, rgba(255, 202, 108, 0.5) 0%, rgba(255, 255, 255, 0) 80%);}
.swiper-slide-active .color-bg:after {content: ''; position: absolute; height: 120%; width: 100%; top: -20%; right: -40%; z-index: -1; background: radial-gradient(ellipse at center, rgba(226, 238, 140, 0.6) 0%, rgba(255, 255, 255, 0) 80%);}
#reviews .container-fluid.overflow-hidden {
    padding: 2rem 0 4rem;
}
#reviews div#testimonial-slider {
    height: auto;
}

#hire{background: #fff; position:relative; z-index:1}
#hire:before {content: ''; position: absolute; height: 100%; width: 50%; bottom: -30%; z-index: -1;
background: radial-gradient(ellipse at center, rgba(255, 202, 108, 0.3) 0%, rgba(255, 255, 255, 0) 75%);}
#hire:after {content: ''; position: absolute; height: 100%; width: 50%; top: -30%; right:0; z-index: -1;
background: radial-gradient(ellipse at center, rgba(180, 124, 253, 0.3) 0%, rgba(255, 255, 255, 0) 75%);}


#hire .curs-btns a {color:#161616; font-family:"Onest", sans-serif; font-weight:400; font-size:18px; border-radius: 60px; border: 2px solid transparent; padding: 8px 34px; text-decoration:none;position:relative;z-index:1;background:#fff;}
#hire .curs-btns a:before {background:#B47CFD4D; content:''; border-radius:50px; position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; z-index:-1;}

#hire .curs-btns a:hover,#hire .curs-btns a.active { border: 2px solid transparent;background:#fff;
	background: -webkit-linear-gradient(left,#B47CFD,#F57DC9,#FF9D97);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; z-index:1;position:relative;
}
#hire .curs-btns a.active:before,
#hire .curs-btns a:hover:before{background: -webkit-linear-gradient(left,#B47CFD,#F57DC9,#FF9D97); z-index:-1; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px;}
#hire .curs-btns a.active:after,
#hire .curs-btns a:hover:after{background: #fff; border-radius:50px; content:''; z-index:-1; position:absolute; top:0px; left:0px; right:0px; bottom:0px;} 


#consult {padding:125px 0; position:relative; z-index:1; overflow:hidden; margin-top:5rem;}
#consult:before {background: radial-gradient(ellipse at center, rgba(182, 146, 252, 0.2) 0%, rgba(255, 255, 255, 0) 80%); content:''; position:absolute; width: 520px; height: 520px; top: 10%; left:50%;  z-index: -1;}
#consult:after {background: url(../images/new2/bg-frame.png) no-repeat center top; content:''; opacity:.4; width:100%; height:100%; z-index: -1; position:absolute; left:0px; top:0px;}
#consult .h1:after {background:url(../images/new2/bg-arrow.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 120px; right: 14%; top: -30%;  z-index: -1;}
#consult .btm-content:after {background:url(../images/new2/bg-shape.svg) no-repeat 0 0; content:'';left: 20%; top: 73%;position:absolute; width: 158px; height: 158px; z-index: -1;}
#consult .btm-content:before {background: url(../images/new2/bg-icon4.svg) no-repeat 0 0; content:''; width: 205px; height: 233px; right: auto; top: 40%; left: 2%; opacity:.5;position:absolute;z-index: -1;}



/***********get-hired*************/
.banner-section.get-hired{position:relative;}
.banner-section.get-hired:after {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .8) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -40%; right: -20%; z-index: -1;}

#feature h2{margin-bottom:3rem;}
#feature .box{background:rgba(255, 249, 238, 1); border-radius:42px; padding:3rem; margin-bottom:2rem; position:relative; overflow:hidden; z-index:1;}
#feature .box:before {background: radial-gradient(ellipse at center, rgba(108, 161, 255, .1) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -21%; left: -15%; z-index: -1;}
#feature .box ul{padding-left:20px;}

#feature .box .box-img{position:relative; z-index:1; padding:1rem;}
#feature .box .box-img:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: -45px; bottom: -134px;  z-index: -1;}
#feature .box .box-img:before{background:url(../images/new2/hired-image-frame1.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 112px; left: -25px; top: 26px;  z-index: -1;}


#feature .box h2{margin-bottom:1rem;}
#feature .best-work{background: rgba(255, 247, 255, 1);}
#feature .best-work:before {background: radial-gradient(ellipse at center, rgba(255, 202, 108, .4) 0%, rgba(255, 255, 255, 0) 70%); bottom: -35%; right: -25%; left: auto;}
#feature .best-work .box-img:before{background:url(../images/new2/hired-image-frame2.svg) no-repeat 0 0; left: -11px; top: 60px;}
#feature .best-work .box-img:after{right: -10px; bottom: -107px;}

#feature .crew{background: rgba(249, 245, 255, 1);}
#feature .crew:before {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .1) 0%, rgba(255, 255, 255, 0) 70%); bottom: -40%; left: -6%;}
#feature .crew.box .box-img:before{background:url(../images/new2/hired-image-frame3.svg) no-repeat 0 0; left: 161px; top: 46px;}
#feature .crew.box .box-img:after{right: -6px; bottom: -80px;}


#pros .pros-box-grad{background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(251,251,251,1) 100%); border-radius:12px; padding:3rem;}
#pros .pros-box-grad h4 {margin:1rem 0; font-family:"Onest", sans-serif; font-weight:600;}
#pros .pros-btn-area {position:relative;}
#pros .pros-btn-area:after {background:url(../images/new2/bg-icon2.svg) no-repeat 0 0; content:''; display:block; position:absolute; top: -58%; left: 66%; width: 116px; height: 121px; rotate: 30deg;}


#experts .expert-head {background:#FFF7FF; padding:5rem 1rem 5rem 9rem; border-radius:48px; margin-top:5rem; position:relative; overflow:hidden; z-index:1;}
#experts .expert-head:before {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .1) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -32%; left: -25%; z-index: -1;}
#experts .expert-head:after {background: url(../images/new2/bg-arrow.svg) no-repeat 0 0; content: ''; position: absolute; width: 120px; height: 120px; right: -3%; top: 14%; z-index: -1;}

#experts .expert-head h2 {font-size:56px; line-height:1; position:relative;}
#experts .expert-head h2:before {background: url(../images/new2/bg-icon4.svg) no-repeat 0 0; content:''; position:absolute; width: 205px; height: 233px; top: 0%; left: -70%;}
#experts .head-box {background:#fff; border:1px solid #B47CFD; border-radius:24px; padding:1.2rem 3rem; display:flex; align-items:center;}
#experts .head-box p {margin-bottom:0px; font-size:14px;}
#experts .btm-shape {position:relative;}
#experts .btm-shape:before {background: url(../images/new2/bg-shape.svg) no-repeat 0 0; content: ''; position: absolute; width: 158px; height: 158px; left: 13%; bottom: -39%; z-index: -1;}


#top-creators {background:#FDFFFB; position:relative; z-index:1; overflow:hidden;}
#top-creators:before {background: radial-gradient(ellipse at center, rgba(243, 255, 108, .2) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -30%; left: -30%; z-index: -1;}
#top-creators:after {background: url(../images/new2/bg-icon4.svg) no-repeat 0 0; content:''; position:absolute; width: 205px; height: 233px; bottom: -16%; left: -6%; opacity: .3;}

#services img {
    width: 50px;
} 

#top-creators .creators-content{margin-right:14rem; margin-bottom:2rem;}
#top-creators .creator-btn-area {position:relative;}
#top-creators .creator-btn-area:after {background:url(../images/new2/bg-icon2.svg) no-repeat 0 0; content:''; display:block; position:absolute; top: -60%; left: 50%; width: 116px; height: 121px; rotate: 30deg;}

/***********Blogs*************/

.banner-section.blog-bnr{position:relative; z-index:1; overflow:hidden;}
.banner-section.blog-bnr:before{background:url(../images/new2/bg-arrow.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 120px; right: -53px; top: 10%;  z-index: -1; left:auto;}
.banner-section.blog-bnr:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: 0px; top: 72%;  z-index: -1;}
.banner-section.blog-bnr h1{font-size:68px;}
.banner-section.blog-bnr h5{font-family:"Onest", sans-serif;}
.banner-section.blog-bnr .blog-bnr-top{position:relative;}
.banner-section.blog-bnr .blog-bnr-top:before{background:url(../images/new2/hired-image-frame1.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 112px; left: -45px; bottom: -108px; z-index: -1; rotate: -21deg;}
.banner-section.blog-bnr .bnr-blog-content-area{margin-top:2rem; background:#fff; border:1px solid #F57DC9; border-radius:24px; position:relative; overflow:hidden;}
.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt{padding:0 3rem; position:relative;}
.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt h2 a{color:#000;}
.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt:after{background:radial-gradient(ellipse at center, rgba(255, 108, 235, .2) 0%, rgba(255, 255, 255, 0) 70%);  content:''; position:absolute;  width: 70%; height: 100%; bottom: -59%; left: -27%;  z-index: 1;}


#blogs-list {position:relative; z-index:1; overflow:hidden;}
#blogs-list:before{background:url(../images/new2/bg-arrow.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 120px; right: -53px; top: 50%;  z-index: -1; left:auto;}
#blogs-list .card {border-radius:12px; overflow:hidden; border:1px solid #B47CFD4D;}
#blogs-list .card .card-header {padding:22px 22px 15px 22px;}
#blogs-list .card .card-header a {color:#1D1F1E;}
#blogs-list .card .card-body {padding:0 22px!important;color:#494d50;}
#blogs-list .card .card-footer {padding:15px 22px 22px 22px; border:none; background:transparent; font-size:14px;}

.pagination a, .pagination span {background: #dfdfdf; color: #000;}
.pagination .current,.pagination a:hover {background: #000;}

#blogs-details {padding-top:10rem;position:relative;}
#blogs-details:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: 0px; top: 7%;  z-index: -1;}
#blogs-details p {margin-bottom:1rem;}
#blogs-details h6 {font-family:"Onest", sans-serif; font-weight:400; font-size:14px;}
#blogs-details .post-date {font-size:14px;}
#blogs-details h3 {font-size:32px; margin-top:4rem; margin-bottom:2rem;}
#blogs-details h4 {margin-bottom:1rem;}
#blogs-details .detail-box {background:#222222; border-radius:20px; padding:40px; color:#fff; margin:3rem 0;}
#blogs-details .detail-box .post-line {color:#fff; font-size:14px;}
#blogs-details .detail-box h4 {color:#fff;}
#blogs-details .share {font-size:14px; font-weight:500; margin: 5rem 0 0 1.6rem;}
#blogs-details .share a {margin: 0 .5rem;}

#blogs-list.blg-detail-btm{background: linear-gradient(45deg,  rgba(253,255,237,1) 0%,rgba(253,255,251,1) 50%,rgba(255,239,252,1) 100%);}
#blogs-details img.d-block.w-100.rounded-4 {
    border-radius: 24px;
}

/***********faq*************/
.banner-section.faq-bnr {padding:20px 0 0; position:relative; z-index:1; overflow:hidden;}
.banner-section.faq-bnr:before{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: -40px; top: 50%;  z-index: -1; left:auto;}
.banner-section.faq-bnr:after{background:url(../images/new2/bg-shape.svg) no-repeat 0 0; content:''; position:absolute; width: 132px; height: 145px; left: -50px; top: 74%;  z-index: -1;}
.banner-section.faq-bnr h1{font-size:68px; line-height:1; margin-bottom:1rem;}
.banner-section.faq-bnr .banner-content {position:relative; z-index:1;}
.banner-section.faq-bnr .banner-content:before{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; top: 390%;  z-index: -1; left:0%;}

#faq .card.faq-item {background: #fff; border-color:#D5D5D5; border-radius:18px;}
#faq .card.faq-item span.heading{font-family: 'KorbinW01-Bold', cursive;font-weight: 400; font-size:24px; color:#161616!important;}
#faq .card.faq-item.active {background: #FAF1FF; border-radius:18px; border-color:transparent;box-shadow:0 4px 4px rgba(0,0,0,0.2);}


.faqs-section .faq-item .card-header .accordion-toggle:after {
	font-family:"Inter",sans-serif;
    width: 40px;
    height: 40px;
    color: #000;
    background: #FFE0E9;
    border-radius: 50px;
    line-height: 35px;
    margin-top: 6px;
    font-size: 25px;
	font-weight:600;
}
.faqs-section .faq-item.active .card-header .accordion-toggle:after {
    content: '-';
    background: linear-gradient(180deg, #B47CFD 0%, #DD7DDC 50%, #F886BB 100%);
    color: #fff;
}
/***********about*************/
.banner-section.about-bnr {background:#fff; text-align:center; position:relative; z-index:1; overflow:hidden;}
.banner-section.about-bnr:before{background:url(../images/new2/bg-icon3.svg) no-repeat 0 0; content:''; position:absolute; width: 156px; height: 177px; right: 10%; top: 46%;  z-index: -1; left:auto;}
.banner-section.about-bnr:after{background:url(../images/new2/bg-shape.svg) no-repeat 0 0; content:''; position:absolute; width: 135px; height: 165px; left: -55px; top: 32%;  z-index: -1;}
.banner-section.about-bnr h1{font-size:68px; line-height:1; margin-bottom:1rem;}
.banner-section.about-bnr .banner-content{padding-right:0rem;}

#about {padding-top:0px;}
#about .about-txt-box {background:#FFF7FF; border-radius:24px; padding:1.5rem;}
#about .about-txt-box h2 {margin-bottom:1rem;}
#about .about-txt-box.box-2 {background:#FFF9EE;}
#about .about-txt-box.box-2 p {margin-bottom:2rem;}
#about .about-txt-box span {font-weight:600;}

#founder{padding-top:0px;}
#founder .founder-content {background:#FFF7FF; border:1px solid #F57DC9; border-radius:24px; position:relative;}
#founder .founder-content:after {background:url(../images/new2/bg-icon5.svg) no-repeat 0 0; content:''; position:absolute; width: 156px; height: 177px; bottom: -105px;  z-index: -1; left:-90px;}

#founder .founder-content.bg-color2 {background:#FFF9EE; height:100%;}
#founder .founder-content.bg-color2:after {bottom: auto; top:-48px; left:auto; right:-30px;}
#founder .founder-content .status {background: linear-gradient(90deg, #B47CFD 0%, #F57DC9 50%, #FF9D97 100%); font-size:14px; font-weight:700; border-radius:50px; padding:6px 16px; display:inline-block;}
#founder .founder-content h4 {font-size:26px; margin-top:1rem;}
#founder .founder-content a {font-size:12px; color:##007EBB; font-weight:500;}
#founder .founder-content a .bi {font-size:16px; margin-right:5px;}
#founder .founder-content a span {text-decoration:underline;}
#founder .founder-content p{font-size:14px; margin-top:1rem;}
#founder .founder-content .txt{padding:2rem 2.5rem 2rem .5rem;}
#founder .object{height:100%;overflow:hidden; border-radius: 25px;}
#founder .object img{object-fit:cover; width:100%; height:100%;}

.btm-content{position:relative; z-index:1;}
.page-id-374 #consult .btm-content:before{background:url(../images/new2/bg-icon3.svg) no-repeat 0 0; content:''; position:absolute; width: 156px; height: 177px; right: 15%; top: 40%;  z-index: -1; left:auto;}
.page-id-374 #consult .btm-content:after{background:url(../images/new2/bg-shape.svg) no-repeat 0 0; content:''; position:absolute; width: 158px; height: 158px; left: 7%; top: 18%;  z-index: -1;}


/***********Course Creators*************/
#course .box {background:#FFF9EE; border-radius:42px; padding:5rem; margin-bottom:2rem; position:relative; overflow:hidden; z-index:1;}
#course .box:after {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .1) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; top: -20%; right: -20%; z-index: -1;}
#course .box:before {background: radial-gradient(ellipse at center, rgba(108, 161, 255, .2) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -20%; left: -20%; z-index: -1;}

#course .box .bg-patren{position:relative; z-index:1;}
#course .box .bg-patren:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: 11px; bottom: -134px;  z-index: -1;}
#course .box h3 {font-size:36px; margin-bottom:2rem;}
.check-list{list-style:none; margin:0px; padding:0px;}
.check-list li{background:url(../images/new2/check2.svg) no-repeat 0 5px; padding-left:30px; margin-bottom:1rem;}

#course .box.organic {background: rgba(255, 249, 238, 1); position:relative; overflow:hidden; z-index:1;}
#course .box.organic .bg-patren:after{background:url(../images/new2/hired-image-frame1.svg) no-repeat 0 0; right: -60px; bottom: -77px; rotate: 17deg;}
#course .box.organic:after {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .2) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; top: -20%; right: -20%; z-index: -1;}
#course .box.organic:before {background: radial-gradient(ellipse at center, rgba(108, 161, 255, .2) 0%, rgba(255, 255, 255, 0) 70%); content: ''; position: absolute; width: 70%; height: 100%; bottom: -20%; left: -20%; z-index: -1;}

#plans .h1 {font-size:68px;}
#plans .plan-area {background:#fff; border:1px solid #F57DC9; border-radius:24px; padding:2rem; margin-top:4rem;}
#plans .plan-area h4 {font-size:30px;}
#plans .plan-area .price {font-family: 'KorbinW01-Bold', cursive; font-weight: 700; font-size:48px;}
#plans .plan-area .price .sml-txt {font-size:32px;}
#plans .plan-area .price .old-price {color:#EBEBEB; position:relative;}
#plans .plan-area .price .old-price:after {background:#EBEBEB; content:''; display:block; position:absolute; width: 100%; height: 1px; left: 0; top: 27px; z-index: 1; rotate:-15deg;}
#plans .plan-area .check-list {font-weight:300;}
#plans .plan-area .check-list span{font-weight:600;}
#plans .plan-area h6{font-family:"Onest", sans-serif; font-weight:600;}

#plans .plan-area.active {background:#161616; border:transparent; color:#fff; position:relative; padding-top:5rem; padding-bottom:8rem; overflow:hidden; margin-top:0rem;}
#plans .plan-area.active:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: -16px; bottom: -115px;  z-index: 1; opacity:.2;}
#plans .plan-area.active .popular{background: linear-gradient(to right, #B47CFD 0%, #F57DC9 50%, #FF9D97 100%); font-family:"Onest", sans-serif; font-weight:700; font-size:24px; text-align:center; min-height:56px; line-height:56px; position:absolute; top:0px; left:0px; right:0px; color:#161616;}
#plans .plan-area.active h4 {color:#fff;}
#plans .plan-area.active .price .old-price {color:#373737;}
#plans .plan-area.active .price .old-price:after {background:#373737;}

#consult.launch h2.heading-common-title {font-size:60px;}


/***********pricing*************/
body.page-id-368{position:relative; overflow-x:hidden;}
body.page-id-368:before {background: radial-gradient(ellipse at center, rgba(255, 108, 235, .1) 0%, rgba(255, 255, 255, 0) 80%); content:''; position:absolute; width: 50%; height: 50%; top: 0%; right:-20%;  z-index: -1;}
body.page-id-368:after {background: radial-gradient(ellipse at center, rgba(182, 146, 252, .2) 0%, rgba(255, 255, 255, 0) 80%); content:''; position:absolute; width: 50%; height: 50%; top: 0%; left:-20%;  z-index: -1;}
.banner-section.pricing-bnr {background:transparent;}

.banner-section.pricing-bnr .text-center{position:relative;}
.banner-section.pricing-bnr .text-center:after{background:url(../images/new2/bg-icon.svg) no-repeat 0 0; content:''; position:absolute; width: 198px; height: 248px; right: -50px; top: 50px;  z-index: -1;}
.banner-section.pricing-bnr h6{font-family:"Onest", sans-serif; font-weight:400; font-size:16px;}
.banner-section.pricing-bnr .raiting li {margin:0px; color:#F2C00E; font-size:14px;}

body.page-id-368 #plans.common-padding{padding-top:20px;}
body.page-id-368 #plans .row{position:relative;}
body.page-id-368 #plans .row:before{background:url(../images/new2/hired-image-frame1.svg) no-repeat 0 0; content:''; position:absolute; width: 120px; height: 112px; left: -30px; top: 35px;  z-index: -1;}

/***********footer*************/
#footer {background:#161616;}
#footer .ftr-right a {color:#fff; text-decoration:none;}
#footer .ftr-right a:hover {color:#F57DC9;}
#footer h3 {color:#fff; font-size:36px;}
#footer h6 span{color:#fff; border-bottom:1px solid #fff; margin-bottom:1rem;}
#footer .ftr-links > div{margin-left: 6rem;}
#footer .ftr-links ul li {margin-top:1.3rem;;}
#footer .ftr-links a {font-family: 'KorbinW01-Bold', cursive; font-size: 18px; font-weight: 700;}

#footer .copyright {border-top:1px solid rgba(255,255,255,0.3); margin:2rem 0; padding-top:1.5rem;font-family: "Inter", sans-serif; font-weight:400; font-size:16px; color:rgba(255,255,255,0.6);}
#footer a {color:rgba(255,255,255,0.6)}
#footer a:hover {color:rgba(255,255,255,1)}
#footer .social a{height:48px; width:48px; line-height:48px; background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.6); border-radius:100%; text-align:center; display:block; color:#fff;}
#footer .social a:hover{background:#F57DC9; border:1px solid rgba(255,255,255,0.6);}



/***********new update*************/

.banner-section.pricing-bnr h6 {display:none;}
.box li {
    margin: 15px 0;
}

/***********media*************/
@media (min-width:1300px){
	.banner-section.get-hired .bnr-title{letter-spacing:-1px;}
	.banner-section.get-hired{padding: 80px 0 40px; margin-top:0px;}
}
@media (min-width:1600px){
	#courses .bg-right-img:before {right:-110px; top:-60px;}
}

@media (max-width:1336px){
	#courses .bg-right-img:before {right: 0px;}
	#footer .ftr-links > div {margin-left: 5rem;}
	
	
	body.page-id-368:before {right:0%;}
	body.page-id-368:after {left:0%;}
	
	.banner-section.pricing-bnr .text-center:after {right: 0px;}
	#experts .expert-head {padding: 5rem 3rem 5rem 8rem;}
	.banner-section.get-hired .bnr-title {font-size: 62px;}
	.banner-section.about-bnr:before {right: 5%;}
	#course .box {padding: 3rem;}
	#about .about-txt-box {padding: 1rem;}
	#founder .object {height: 360px;}
}

@media (max-width:1199.98px){
	h1.main-heading-title, .h1,.banner-section .bnr-title {font-size: 56px;}
	.banner-section .bg-patren:after {left: 0%;}
	.banner-section .banner-content {padding-right: 30px;}
	.count .count-content {padding: 0 2rem;}
	#trusted .trusted-images:after {top: -20%; left: 72%;}
	#steps .rating {margin: -50px 50px 0;}
	#footer .ftr-links > div {margin-left: 3rem;}
	.banner-section.pricing-bnr .text-center:after {display:none;}
	#plans .plan-area {padding: 1rem;}
	.banner-section.get-hired .bnr-title {font-size: 48px;}
	#feature .crew.box .box-img:before {left: 83px; top: 25px;}
	#feature .crew.box .box-img:after {right: -31px; bottom: -118px;}
	#experts .expert-head h2:before {left: -80%;}
	#experts .expert-head {padding: 5rem 3rem 5rem 7rem;}
	#experts .expert-head h2 {font-size: 43px;}
	#experts .btm-shape:before {bottom: -33%;}
	#top-creators .creators-content {margin-right: 9rem;}
	#pros .pros-box-grad {padding: 2rem;}
	.banner-section.about-bnr:before {right: 0%;}
	#course .box h3 {font-size: 32px;}
	
	#experts .head-box {padding: 1.2rem 1rem;}
	
	.bnr-blog-content-area h2.heading-common-title {font-size: 30px;}
	#blogs-list h4 {font-size: 21px;}
	
	.page-id-374 #consult .btm-content:before {right: 0%;}
	.page-id-374 #consult .btm-content:after {left: 0%; top: 25%;}
	    #founder .object {height: 432px;}
}

@media (max-width:991.98px){
	h1.main-heading-title, .h1,.banner-section .bnr-title {font-size: 44px;}
	h2.heading-common-title {font-size: 32px;}
	.banner-section .bg-patren:after {left: -40%;}
	.count .count-content {padding: 0 1rem;}
	#courses .bg-right-img:before, #courses p br, #trusted .trusted-images:after,#consult .btm-content:before,#footer h3 br,body.page-id-368 #plans .row:before,.banner-section.pricing-bnr br,#pros p br,#experts .expert-head h2:before, #top-creators:after,  #experts .expert-head:after, #experts .btm-shape:before,.banner-content br,.banner-section.about-bnr:after,.banner-section.about-bnr:before,#founder .founder-content:after {display:none;}
	#steps .card .card-body {padding: 15px !important;}
	#steps .rating .d-flex{justify-content:center; margin-bottom:1rem;}
	#steps .rating {display: block;text-align: center;}	
	#consult .btm-content:after {left: 0%;}
	#consult .h1:after {right: 0%;}
	#footer .ftr-links {justify-content: space-around;}
	#footer .ftr-links > div {margin-left: 0rem;}
	.web-mail .bi {font-size:40px; color:rgba(180, 124, 253, 1); display:block}
	#plans .plan-area {margin-top: 0rem;}
	
	.banner-section.get-hired .bnr-title {font-size: 38px;}
	#feature .box .box-img:before {left: -24px;}
	#pros .pros-box-grad {padding: 1rem;}
	#experts .expert-head {padding: 3rem;}
	
	#top-creators .creators-content {margin-right: 3rem;}
	#top-creators .creator-btn-area:after {left: 69%;}
	#about.common-padding{padding-top:0px;}
	.banner-section.faq-bnr h1 {font-size: 48px;}
	
	    #founder .object {height: 100%;}
	#founder .founder-content .txt {padding: 2rem;}
	    #experts .expert-head h2 {
        font-size: 34px;
    }
	
	.banner-section.blog-bnr br {display:none;}
	.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt {padding: 0 2rem;}
	    .bnr-blog-content-area h2.heading-common-title {font-size: 24px;}
		.banner-section.blog-bnr h1 {font-size: 58px;}
		
}


	.creator-btn-area-mob {display:none;}
@media (max-width:767.98px){
	.container{padding:0 25px;}
	body,p,.web-btn span {font-size:16px;}
	h1.main-heading-title,.h1,.h1 span,.banner-section .bnr-title {font-size:32px;}
	h2.heading-common-title,h2.heading-common-title span {font-size:28px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	
	.banner-section .banner-content {padding-right: 0px;}
	.banner-section .bg-patren:after {left: 30%;}
	#steps .card {padding-bottom: 1rem;}
	#consult:after {background-size: contain;}
	#counter .count h2 {font-size: 60px;}
	.count .count-content + .count-content {background: none;}	
	#counter .count {flex-wrap: wrap; text-align: center;}
	.count .count-content {padding: 0 1rem 1rem; width:50%;vertical-align:top;}
	#process h2 br,#consult .btm-content:after,#consult .h1:after,#pros .pros-btn-area:after,#top-creators .creator-btn-area:after,#top-creators .creators-content br,#plans p br,.banner-section.faq-bnr .banner-content:before,.banner-section.faq-bnr:after,.banner-section.faq-bnr:before,#course .box .bg-patren:after,.banner-section.blog-bnr:before,.banner-section.blog-bnr .blog-bnr-top:before,.banner-section.blog-bnr:after,#feature .box .box-img:before,#feature .box .box-img:after,#blogs-details:after {display:none;}
	#steps .rating {margin: 40px 0 0;}
	.common-padding,#consult {padding: 40px 0;}
	#process {padding-top: 40px;}
	#experts .head-box {display: block; padding: 1rem;}
	#top-creators .creators-content {margin-right: 0rem;}
	#consult h2.heading-common-title,.banner-section.about-bnr h1 {font-size: 38px;}
	.banner-section.faq-bnr h1 {font-size: 44px;}
	#courses{padding-top:0px;}
	
    #founder .founder-content .txt {
        padding: 1rem;
    }
	.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt {padding: 2rem;}
	#feature .box .box-img {padding: 0rem;}
	#feature .box ul {list-style-position: inside;}
	#blogs-details {padding-top: 7rem;}
	#blogs-details h3 {margin-top: 2rem;}
	#blogs-details .detail-box {padding: 30px;}
	#footer h6 {font-size:18px;}
	
	.creator-btn-area {display:none;}
	.creator-btn-area-mob {display:block;}
	
	section#feature.common-padding {padding-bottom: 20px;}
	section.banner-section.about-bnr {padding-bottom: 40px;}
	section#plans.common-padding {padding-top: 10px;}
	
	.navbar-nav {margin-top: 80px; align-items: start;}
	.navbar-nav .menu-item.py-3 {padding: 0px!important; width:100%;}
	.nav-link {padding: 10px 0px !important; color: #000 !important; font-weight:600;}
	.nav-link:hover {color: rgba(180, 124, 253, 1) !important;}
	header ul.navbar-nav.ms-auto { display: none;}
	.menu-icon {display: block !important;  position: absolute;  right:20px; top: 15px; min-width:50px; height:40px;}
	.header .menu-icon.web-btn span {font-size: 27px; padding: 0px;}
	
	.offcanvas-body ul {lex-direction: column; gap: 5px 0; padding: 0;}
	.footer-logo {position: absolute; padding: 0;}
	.offcanvas-body .top-right-block {padding-top: 50px; text-align: center;}  
	
	

.offcanvas-body .top-right-block img {
    display: block;
    text-align: center;
    margin: 5px auto;
    width: 42px;
}

.offcanvas-body .top-right-block a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}

button.btn-close {
        background-color: #f3f3f3;
        color: #2161ac !important;
        opacity: 1;
        border-radius: 35px;
        font-size: 16px;
        padding: 10px !important;
}

.offcanvas-header {
    justify-content: right;
    position: absolute;
    right: 0;
}



    .header .top-right-block {
    display: none;
}
    .fixed-top {
        padding: 10px;
    }
}

@media (max-width:639.98px){
	body, p, .web-btn span {font-size: 14px;}
	.banner-section .bg-patren:after {left: -22%; top:-50%;}
	#counter .count .count-txt {font-size: 20px;}
	#steps .rating .d-flex {display:block!important;}
	#reviews p br {display:none;}
	#footer h3 {font-size: 28px;}
	#course .box h3 {font-size: 24px;}
	#course .box {padding: 2rem;}
	#consult h2.heading-common-title, .banner-section.about-bnr h1 {font-size: 30px;}
	#plans .h1 {font-size: 48px;}
	
	.icon-tab {padding: 10px 10px; margin: 5px; font-size: 12px;}
	.web-btn span {padding: 16px 26px;}
	
	#trusted .client-inner-logo-block img.img-fluid.w-100 {
        width: 90% !important;
    }
	#footer {text-align:center;}
	#footer .ftr-links ul {margin-bottom: 25px;}
	#footer .ftr-links a {font-size: 14px;}
	.copyright {flex-wrap:wrap;}
	
	.banner-section.blog-bnr h1 {font-size: 40px;}
}
@media (max-width:576.98px){
	.copyright{text-align:center;}
	#experts .expert-head {margin-top: 2rem;}
	    #experts .expert-head,#feature .box {padding: 2rem;}
		body.page-id-368 #plans.common-padding {
    padding-top: 0px;
}
}

@media (max-width:456.98px){
	#courses h2 br{display:none;}
	#counter .count h2 {font-size: 50px;}
    #counter .count .count-txt {font-size: 18px;}
    #counter .count .count-content p {font-size: 13px;}
	#hire .curs-btns a {padding: 8px 16px;}
	#footer .ftr-links {flex-wrap: wrap; text-align:center;}
	
    #footer .ftr-links > div {
        width: 40%;
    }
	#footer .ftr-links ul li {margin-top: 1rem;}
    #feature .crew.box .box-img:before {left: 48px; top: 8px;}
	.banner-section.blog-bnr h1 {
        font-size: 32px;
    }
	.banner-section.blog-bnr .bnr-blog-content-area .blog-bnr-txt {
        padding: 1rem;
    }
}
@media (max-width:399.98px){
	.icon-tab {font-size: 10px;}
}
@media (max-width:374.98px){
	.icon-tab {font-size: 9px; padding:5px;}
}