@import"bootstrap.min.css";
@import"fontawesome.min.css";
@import"nice-select.css";
@import"quill.snow.css";
@import"magnific-popup.css";
@import"swiper.min.css";
@import"jquery-ui-min.css";
@import"odometer-min.css";
@import"materialicons.css";
@import"animate.css";
@import"aos.css";

:root
{--body-font: "Manrope", sans-serif;
	--transition: all 0.5s ease-in-out;
--p1: #007aff;
--p1-border: rgba(223, 255, 94, 0.3);
--s1: #FFC700;
--s2: #2FA75F;
--s3: #F05D5D;
--tw: #FFFFFF;
--n0: #FFFFFF;
--n1: #000000;
--n10: #FAFAFB;
--n20: #F5F6F7;
--n30: #f8f8f8;
--n40: #f3f3f6;
--n50: #C1C4CC;
--n60: #B2B6BF;
--n70: #A6AAB5;
--n80: #979CA8;
--n90: #888E9C;
--n100: #798090;
--n200: #6A7283;
--n300: #5B6477;
--n400: #4F586D;
--n500: #404A60;
--n600: #343E56;
--n700: #222E48;
--n800: #13203B;
--n900: #071;
--n700: #222E48;
--bg1: #1C1D20;
--bg2: #262629;
--header: rgba(223, 255, 94, 0.08);
--gradient-p1: linear-gradient(90deg, rgba(12, 169, 64, 0.08) 0.68%, rgba(236, 88, 88, 0.08) 100%);
--box-shadow: 0px 5.12694px 25.6347px 0px rgba(0, 0, 0, 0.08);
--sbox-shadow-p1: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
--trans: #0000000f;
}

.gradient-0{
	background-color: var(--trans) !important;;
}

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  letter-spacing: -1px;
}

.display-one
{font-size:120px}

.display-two
{font-size:96px}

.display-three
{font-size:76px}

.display-four
{font-size:60px}

.display-five
{letter-spacing: -0.1rem;
    font-size: 46px;
    line-height: 46px;}

.display-six
{letter-spacing: -0.1rem;
    font-size: 30px;
    line-height: 38px;
}

.display-six_black
{letter-spacing: -0.1rem;
    font-size: 60px;
    line-height: 65px;
}


.display-seven
{font-size:43px}


.paragraph {
    font-size: 18px;
}

/* Para pantallas muy pequeñas (móviles pequeños) */
@media (max-width: 400px) {
    .paragraph {
        font-size: 14px;
    }
}

/* Para pantallas pequeñas (móviles) */
@media (min-width: 401px) and (max-width: 600px) {
    .paragraph {
        font-size: 16px;
    }
}

/* Para pantallas medianas (tabletas pequeñas) */
@media (min-width: 601px) and (max-width: 800px) {
    .paragraph {
        font-size: 17px;
    }
}

/* Para pantallas medianas-grandes (tabletas grandes) */
@media (min-width: 801px) and (max-width: 1024px) {
    .paragraph {
        font-size: 18px;
    }
}

/* Para pantallas grandes (laptops pequeñas) */
@media (min-width: 1025px) and (max-width: 1200px) {
    .paragraph {
        font-size: 20px;
    }
}

/* Para pantallas muy grandes (laptops grandes y desktops) */
@media (min-width: 1201px) {
    .paragraph {
        font-size: 22px;
    }
}


@media(max-width: 575px)
{.pragraph
	{font-size:16px}

}

.fs-one,h1,h1>a
{font-size:76px;
	/*font-weight:600 !important*/}

.fs-two,h2,h2>a
{font-size:57px;
	font-weight:500 !important}

.fs-three,h3,h3>a
{font-size:40px;
	font-weight:500 !important}

.fs-four,h4,h4>a
{
	line-height: 38px;
    font-size: 28px;
    font-weight: 500 !important;
}

	.fs-icon
{font-size:26px;
	color: #000000;
	font-weight:400 !important}


	.fs-icon-menu
{font-size:24px;
	color: #3f78f1;
	font-weight:300 !important}


	.fs-icon-menu-sup
{font-size:26px;
	color: #333;
	font-weight:300}

.fs-icon-descarga
{font-size:20px;
	color: #000000;
	font-weight:400 !important}





	.fs-sub-titulo
{font-size:24px;	
	font-weight:600 !important}

.fs-five,h5,h5>a
{font-size:clamp(16px,15.8873239437px + 0.4225352113vw,18px);
	line-height:130%;
font-weight:700 !important}

.fs-six,h6,h6>a
{font-size:14px;
	line-height:150%;
font-weight:600 !important}

.fs-six_biblio{
	font-size:16px;
	line-height:170%;
font-weight:500 !important}


.fs-seven
{font-size:16px;
	line-height:150%}

.fs-eight
{font-size:14px;
	/*padding-top: 10px;*/
	line-height:50%}

.fs-eight_black {
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 16px;
    /*opacity: 60%;*/
    padding-top: 10px;
    line-height: 170%;
}


.fs-nine
{font-size:12px !important;
	line-height:40%}


.fs24
{font-size:24px;
	line-height:1.4}

@media(max-width: 1199px)
{.fs24
	{font-size:22px !important;
		line-height:1.4}

}

@media(max-width: 575px)
{.fs24
	{font-size:20px !important;
		line-height:1.4}

}



.fs20
{font-size:22px;
	line-height:1.4}

@media(max-width: 1199px)
{.fs20
	{font-size:16px !important;
		line-height:1.4}

}

@media(max-width: 575px)
{.fs20
	{font-size:16px !important;
		line-height:1.4}

}

.fs18
{font-size:18px;
	line-height:1.5}

.fs-22
{font-size:22px}

table thead tr th
{font-size:18px;
	line-height:150%}

a,p,button,span,label,li
{font-size:16px;
	line-height:170%}

@media(max-width: 1199px)
{h1,h1>a
	{font-size:57px;
		line-height:74.1px}

	h2,h2>a
	{font-size:43px;
		line-height:55.9px}

.preloader
{background-size:30%;

}

}


.pt-40
{padding-top:40px}

.pb-40
{padding-bottom:40px}


.pt-120
{padding-top:80px}

.pt-120_vd
{padding-top:80px}


.pt120
{padding-top:80px}

.pb120
{padding-bottom:80px}

.pb-120
{padding-bottom:80px}

.pt-services-200
{padding-top:200px}

.

@media(max-width: 1199px)
{.display-one
	{font-size:72px;
		line-height:86.4px}

	.display-two
	{font-size:64px;
		line-height:76.8px}

.display-three
{font-size:56px;
	line-height:67.2px}

.display-four
{font-size:48px;
	line-height:46.4px}

.display-five
{font-size:42px;
	line-height:54.6px}

.display-six
{font-size:32px;
	line-height:38.4px}

.fs-one,h1,h1>a
{font-size:40px;
	line-height:48px}

.fs-two,h2,h2>a
{font-size:32px;
	line-height:38.4px}

.fs-three,h3,h3>a
{font-size:24px;
	line-height:31.2px}

.fs-four,h4,h4>a
{font-size:20px;
	line-height:26px}

.fs-five,h5,h5>a
{font-size:18px;
	line-height:20.8px}

.fs-six,h6,h6>a
{font-size:16px;
	line-height:18.8px}

.fs-seven
{font-size:14px;
	line-height:18.8px}

.fs-eight
{font-size:12px;
	line-height:14px}

table thead tr th
{font-size:15px;
	line-height:20.8px}

a,p,span,button,label,li
{font-size:14px;
	line-height:22px}

.pt-120
{padding-top:60px}

.pb-120
{padding-bottom:60px}

.banner-section .overlay .sec-img
{display:none}

.banner-section .banner-content
{padding:80px 0 90px}

}



.display-five {
    letter-spacing: -0.1rem;
    font-size: 46px;
    line-height: 46px;
}

/* Para pantallas muy pequeñas (móviles pequeños) */
@media (max-width: 400px) {
    .display-five {
        font-size: 24px;
        line-height: 24px;
    }
}

/* Para pantallas pequeñas (móviles) */
@media (min-width: 401px) and (max-width: 600px) {
    .display-five {
        font-size: 28px;
        line-height: 28px;
    }
}

/* Para pantallas medianas (tabletas pequeñas) */
@media (min-width: 601px) and (max-width: 800px) {
    .display-five {
        font-size: 32px;
        line-height: 30px;
    }
}

/* Para pantallas medianas-grandes (tabletas grandes) */
@media (min-width: 801px) and (max-width: 1024px) {
    .display-five {
        font-size: 36px;
        line-height: 34px;
    }
}

/* Para pantallas grandes (laptops pequeñas) */
@media (min-width: 1025px) and (max-width: 1200px) {
    .display-five {
        font-size: 36px;
        line-height: 36px;
    }
}

/* Para pantallas muy grandes (laptops grandes y desktops) */
@media (min-width: 1201px) {
    .display-five {
        font-size: 46px;
        line-height: 46px;
    }
}







@media(max-width: 575px)
{.display-one
	{font-size:56px;
		line-height:67.2px}

	.display-two
	{font-size:48px;
		line-height:46.4px}

.display-three
{font-size:42px;
	line-height:54.6px}

.display-four
{font-size:32px;
	line-height:38.4px}

.display-five
{font-size:24px;
	line-height:31.2px}

.display-six
{font-size:32px;
	line-height:38.4px}

.pt-120
{padding-top:50px}

.pb-120
{padding-bottom:50px}

}

html
{scroll-behavior:smooth}

body
{font-family:var(--body-font);
	background-color:var(--n40);
color:rgb(var(--n2));
font-size:18px;
line-height:150%;
padding:0;
margin:0;
font-weight:400;
overflow-x:hidden;
position:relative}

section,footer
{overflow:hidden}

.over
{overflow:hidden !important}

a,p,button,span,label,li
{margin:0;
	font-family:var(--body-font);
color:var(--n700);
font-weight:500}

a i,p i,button i,span i,label i,li i
{font-weight:400}

a
{text-decoration:none;
	outline:none;
color:var(--n700);
transition:var(--transition)}

a:focus,a:hover
{text-decoration:none;
	outline:none;
color:var(--n700)}

a i
{font-weight:400}

h1,h1>a,h2,h2>a,h3,h3>a,h4,h4>a,h5,h5>a,h6,h6>a,.display-one,.display-two,.display-three,.display-four,.display-five,.display-six,.display-seven,.heading
{font-family:var(--body-font);
color:rgba(var(--n2), 1);
font-weight:600;
/*letter-spacing: 0.5px;*/
padding:0;
margin:0;
/*line-height:120%;*/
display:block;
transition:var(--transition)}

h1 span,h1>a span,h2 span,h2>a span,h3 span,h3>a span,h4 span,h4>a span,h5 span,h5>a span,h6 span,h6>a span,.display-one span,.display-two span,.display-three span,.display-four span,.display-five span,.display-six span,.heading span
{font-size:inherit;
	font-family:inherit;
color:inherit;
line-height:inherit;
font-weight:inherit}

h1 i,h1>a i,h2 i,h2>a i,h3 i,h3>a i,h4 i,h4>a i,h5 i,h5>a i,h6 i,h6>a i,.display-one i,.display-two i,.display-three i,.display-four i,.display-five i,.display-six i,.heading i
{font-weight:400}

img
{max-width:100%;
	height:auto}

ul,ol
{padding:0;
	margin:0;
list-style:none}

ul li,ol li
{font-size:inherit;
	font-weight:inherit}

button
{border:none;
	cursor:pointer;
font-size:18px;
line-height:150%;
padding:0;
/*background-color:rgb(255 255 255)*/}

input,textarea
{padding:12px 20px;
	color:rgba(var(--n2), 1);
width:100%;
font-family:var(--body-font);
outline-color:rgba(0,0,0,0);
font-size:14px;
border-radius:6px;
background-color:rgba(0,0,0,0);
border:1px solid rgba(var(--n4), 0.3)}

input::-moz-placeholder, textarea::-moz-placeholder
{font-size:16px}

input::placeholder,textarea::placeholder
{font-size:16px}

input:focus,textarea:focus
{outline:1px solid var(--s2);
	box-shadow:none;
border:1px solid rgba(0,0,0,0)}

::-moz-placeholder
{color:var(--n100);
	font-size:14px}

::placeholder
{color:var(--n100);
	font-size:14px}

.btn__v4
{min-width:52px;
	height:52px;
border-radius:50%;
background:var(--bg1);
border:4px solid var(--p1)}

@media(min-width: 991px)
{.container1600
	{max-width:1600px;
		margin:0 auto}

}

.s2-clrbase-dot::before
{background:var(--s2) !important;
	width:4px !important;
height:4px !important}

.cmn-dot
{position:relative;
	display:flex;
align-items:center;
gap:10px;
padding-left:15px}

.cmn-dot::before
{position:absolute;
	left:0;
content:"";
width:6px;
height:6px;
background:var(--n700);
border-radius:50%}

.cmn-dot.alt
{align-items:flex-start}

.cmn-dot.alt::before
{top:10px}

.cmn-dot2
{position:relative;
	display:flex;
align-items:center;
gap:10px;
padding-left:19px}

.cmn-dot2::before
{position:absolute;
	left:0;
content:"";
width:4px;
height:4px;
background:var(--n700);
border-radius:50%}

.cmn-dot2.alt
{align-items:flex-start}

.cmn-dot2.alt::before
{top:10px}

@media(max-width: 1199px)
{.cmn-dot2
	{padding-left:10px}

}

@media(min-width: 991px)
{.topfixed
	{position:sticky;
		top:120px}

}

@media(min-width: 991px)
{.topfixed2
	{position:sticky;
		top:350px}

}

@media(min-width: 991px)
{.event-fixed
	{transform:translateY(-120px);
		position:sticky;
	top:240px}

}

.plan-bb
{border-bottom:1px solid #303426}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button
{-webkit-appearance:none;
	margin:0}

input[type=number]
{-moz-appearance:textfield}

input[type=checkbox]
{width:initial;
	height:initial}

select
{padding:10px 20px;
	border:none;
cursor:pointer;
outline:none}

.max-auto
{max-width:100%}

.max61
{max-width:661px}

.max-un
{max-width:unset}

.quote
{width:56px;
	min-width:56px;
height:56px;
background:var(--n20)}

@media(max-width: 1199px)
{.quote
	{width:42px;
		min-width:42px;
	height:42px}

}

@media(min-width: 1400px)
{.max-xxl-un
	{max-width:unset}

}

@media(min-width: 1200px)
{.max-xl-un
	{max-width:unset}

}

@media(min-width: 992px)
{.max-lg-un
	{max-width:unset}

}

@media(min-width: 768px)
{.max-md-un
	{max-width:unset}

}

.d-rtl
{direction:rtl}

.collapsing
{transition:var(--transition)}

.tl__posi
{position:absolute !important;
	top:0;
left:0}

.tr__posi
{position:absolute !important;
	top:0;
right:0}

.bl__posi
{position:absolute !important;
	bottom:0;
left:0}

.br__posi
{position:absolute !important;
	bottom:0;
right:0}

.posi-center
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%)}

.srgba
{background:rgba(223,255,94,.4)}

.edu-border
{border-bottom:1px solid rgba(223,255,94,.087)}

.p1-color
{color:var(--p1) !important}

.p1-border
{color:var(--p1)}

.p1-bg
{background:var(--p1)}

.s1-color
{color:var(--s1)}

.s2-color
{color:var(--s2)}

.s3-color
{color:var(--s3)}

.s2-border
{border:1px solid var(--s2)}

.s1-bg
{background:var(--n20) !important}

.s2-bg
{background:var(--s2) !important}

.n0-color
{color:var(--n0)}

.n0-bg
{background-color:var(--n0) !important}

.n0border
{border:1px solid var(--n0)}

.n1-color
{color:var(--n1) !important}

.n10-color
{color:var(--n10)}

.n10-bg
{background:var(--n10) !important}

.n20-color
{color:var(--n20)}

.n20-bg
{background:var(--n20) !important}

.n30-color
{color:var(--n30)}

.n30-border
{border:1px solid var(--n30);
	transition:all .4s}

.n30-border:hover
{border-color:var(--s2) !important}

.n40-color
{color:var(--n40)}

.n40border
{border:1px solid var(--n40);
	transition:all .4s}

.n40border:hover
{border-color:var(--s2) !important}

.bb-n40dash
{border-bottom:1px dashed var(--n80)}

.bb-n40solid
{border-bottom:1px solid var(--n50)}

.tb-n40dash
{border-top:1px dashed var(--n40)}

.n50-color
{color:var(--n50)}

.bb-n50dash
{border-bottom:1px dashed var(--n50)}

.tb-n50dash
{border-top:1px dashed var(--n50)}

.n60-color
{color:var(--n60)}

.n70-color
{color:var(--n70)}

.n80-color
{color:var(--n80)}

.n90-color
{color:var(--n90)}

.n100-color
{color:var(--n100)}

.n200-color
{color:var(--n200)}

.n300-color
{color:var(--n300)}

.n400-color
{color:var(--n400)}

.n500-color
{color:var(--n500)}

.n600-color
{color:var(--n600)}

.n700-color
{color:var(--n700)}

.n700-bg
{background:var(--n700)}

.n800-color
{color:var(--n800)}

.n900-color
{color:var(--n900)}

.bg1-color
{background:var(--bg1) !important}

.bg2-color
{background:var(--bg2) !important}

.border-color
{border:1px solid var(--n40)}

.header__bg
{background:var(--header)}

.box-shadow
{box-shadow:0px 5.12694px 25.6347px 0px rgba(0,0,0,.08);
	transition:var(--transition)}

.box-shadow:hover
{box-shadow:rgba(50,50,105,.15) 0px 2px 5px 0px,rgba(0,0,0,.05) 0px 1px 1px 0px}

.box-shadow2
{box-shadow:0px 6px 30px 0px rgba(0,0,0,.06)}

.box-shadow3
{box-shadow:0px 6px 30px 0px rgba(0,0,0,.06)}

.gradient-p1
{background:var(--bs-border-color-translucent)}

.scal
{overflow:hidden}

.scal .mimg
{overflow:hidden;
	transition:all .4s}

.scal:hover .mimg
{transform:scale(1.01)}

.fw_400
{font-weight:400 !important}

.fw_500
{font-weight:500 !important}

.fw_600
{font-weight:600}

.text-gradient
{background:var(--gradient-p1);
	-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0)}

.mx-ch
{max-width:60ch}

.p1hover
{transition:all .4s}

.p1hover:hover
{color:var(--n70) !important}

.custom-loop-play
{position:relative;
	border-radius:900px;
overflow:hidden;
width:306px;
height:100px;
display:flex;
align-items:center;
justify-content:center}

.custom-loop-play video
{width:100%;
	height:100%;
border-radius:900px;
-o-object-fit:fill;
object-fit:fill}

.custom-loop-play .popup-video
{position:absolute;
	top:50%;
left:50%;
z-index:9;
transform:translate(-50%, -50%)}

.cmn__dropdown .dropdown-menu
{inset:unset !important;
	right:0 !important;
top:0 !important;
padding:10px 16px}

.kewta-btn
{transition:all .4s !important;
	border-radius:100px;
border:1px solid var(--n800)}

.kewta-btn::before
{position:absolute;
	top:0;
left:0;
width:100%;
height:100%;
content:"";
background:var(--n1);
border-radius:100px;
z-index:-1}

.kewta-btn::after
{position:absolute;
	bottom:0;
top:0;
width:0%;
height:100%;
content:"";
background:var(--n500);
border-radius:100px;
z-index:-1;
transition:all .5s}

.kewta-btn .kew-text
{font-size:16px;
	font-weight:700;
padding:14px 10px 15px 30px;
display:block;
border-radius:100px;
text-align:center;
transition:all .4s}

.kewta-btn .kew-arrow{
	margin: 0.5rem;
    padding: 0.2rem;
    background: white;
	position:relative;
	overflow:hidden;
min-width:40px;
min-height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border-radius:50%;
transition:all .4s}

.kewta-btn .kew-arrow .kt-one
{position:absolute;
	font-weight: 600;
	top:8px !important;
left:-30px !important;
transition:all .8s}

.kewta-btn .kew-arrow .kt-one i,.kewta-btn .kew-arrow .kt-one svg
{transition:all .8s;
	font-size:24px}

.kewta-btn .kew-arrow .kt-two
{transition:all .8s;
	position:absolute;
	font-weight: 600;
top: 8px;
    left: 9px;}

.kewta-btn .kew-arrow .kt-two i,.kewta-btn .kew-arrow .kt-two svg
{transition:all .8s;
	font-size:24px}

.kewta-btn:hover
{background:var(--n500)}

.kewta-btn:hover::after
{width:100%}

.kewta-btn:hover .kew-text
{color:var(--tw)}

.kewta-btn:hover .kew-arrow i
{color:var(--n800)}

.kewta-btn:hover .kew-arrow .kt-one
{left:9px !important}

.kewta-btn:hover .kew-arrow .kt-two
{left:100px !important}

.kewta-btn.kewta-alt .kew-arrow
{transform:rotate(-40deg)}

.kewta-n800:hover .kew-text
{color:var(--n800) !important}

.cmn-btn
{font-size:16px;
	font-weight:600;
transition:var(--transition);
text-transform:capitalize;
position:relative;
cursor:pointer;
display:inline-block;
white-space:nowrap}

.cmn-btn i
{position:relative;
	z-index:1;
transition:all .5s}

.cmn-btn span
{transition:all .4s;
	position:relative;
z-index:1;
font-weight:600}

.cmn-btn::after,.cmn-btn::before
{content:"";
	position:absolute;
transition:var(--transition)}

/*.cmn-btn::before
{width:100%;
	height:100%;
background-color:var(--n1);
top:5px;
border-radius:100px;
left:0}*/

.cmn-btn::after
{width:100%;
	height:100%;
background-color:var(--n1);
top:0;
border-radius:100px;
left:0}

.cmn-btn:active
{filter:brightness(0.8)}

.cmn-btn:focus,.cmn-btn:hover
{color:var(--n0) !important}

.cmn-btn:focus span i,.cmn-btn:hover span i
{transform:rotate(46deg) !important}

.cmn-btn:focus i,.cmn-btn:hover i
{color:var(--n0);
	transform:rotate(46deg)}

.cmn-btn:focus span,.cmn-btn:hover span
{color:var(--n0) !important}

.cmn-btn:focus::before,.cmn-btn:hover::before
{background-color:var(--p1)}

.cmn-btn:focus::after,.cmn-btn:hover::after
{background-color:var(--n1)}

.cmn-btn.second-alt::before
{top:2px;
	border:1px solid var(--n700);
background-color:rgba(0,0,0,0)}

.cmn-btn.second-alt::after
{background-color:rgba(0,0,0,0)}

.cmn-btn.second-alt:focus i,.cmn-btn.second-alt:hover i
{transform:rotate(46deg) !important}

.cmn-btn.second-alt:focus::before,.cmn-btn.second-alt:hover::before
{border-color:var(--p1);
	background-color:var(--p1);
top:6px}

.cmn-btn.second-alt:focus::after,.cmn-btn.second-alt:hover::after
{background-color:var(--n1)}

.cmn-btn.third-alt
{background-color:rgba(0,0,0,0);
	color:var(--p1);
border:1px solid var(--p1)}

.cmn-btn.third-alt i
{color:var(--p1)}

.cmn-btn.third-alt::before,.cmn-btn.third-alt::after
{background-color:var(--p1)}

.cmn-btn.third-alt:hover i,.cmn-btn.third-alt:focus i,.cmn-btn.third-alt.active i
{color:var(--p1)}

.cmn-btn.fourth-alt
{background-color:rgba(0,0,0,0);
	color:rgb(var(--n2));
border:1px solid var(--n700)}

.cmn-btn.fourth-alt::before,.cmn-btn.fourth-alt::after
{background-color:var(--p1)}

.cmn-btn.fourth-alt:hover,.cmn-btn.fourth-alt.active
{color:var(--p1)}

.cmn-btn.fourth-alt:hover i,.cmn-btn.fourth-alt.active i
{color:var(--p1)}

.cmn-btn.fifth-alt
{background-color:rgba(0,0,0,0);
	color:rgb(var(--n2));
border:1px solid rgba(var(--n4), 0.3)}

.cmn-btn.fifth-alt i
{color:var(--p1)}

.cmn-btn.fifth-alt::before,.cmn-btn.fifth-alt::after
{background-color:var(--p1)}

.cmn-btn.fifth-alt:hover,.cmn-btn.fifth-alt:focus,.cmn-btn.fifth-alt.active
{color:var(--p1)}

.cmn-btn.fifth-alt:hover i,.cmn-btn.fifth-alt:focus i,.cmn-btn.fifth-alt.active i
{color:var(--p1)}

.cmn-btnblck::after
{background:var(--bg2)}

.cmn-btnblck:hover::after
{background:var(--p1)}

.cmn-btnblck:hover span
{color:var(--n700) !important}

.cmn-btnblck:hover::before
{background:var(--bg1)}

.cmn-20::after,.cmn-20::before
{border-radius:20px}

.cmn-btn-cilicon
{font-size:16px;
	font-weight:600;
transition:var(--transition);
text-transform:capitalize;
position:relative;
cursor:pointer;
display:inline-block;
white-space:nowrap}

.cmn-btn-cilicon i
{position:relative;
	z-index:1;
transition:all .3s}

.cmn-btn-cilicon span
{transition:all .3s;
	position:relative;
z-index:1;
font-weight:600}

.cmn-btn-cilicon::after,.cmn-btn-cilicon::before
{content:"";
	position:absolute;
transition:var(--transition)}

.cmn-btn-cilicon::before
{width:100%;
	height:100%;
background-color:var(--n1);
top:5px;
border-radius:100px;
left:0}

.cmn-btn-cilicon::after
{width:100%;
	height:100%;
background-color:var(--p1);
top:0;
border-radius:100px;
left:0}

.cmn-btn-cilicon:active
{filter:brightness(0.8)}

.cmn-btn-cilicon:focus,.cmn-btn-cilicon:hover
{color:var(--n0) !important}

.cmn-btn-cilicon:focus span,.cmn-btn-cilicon:hover span
{color:var(--n0) !important}

.cmn-btn-cilicon:focus i,.cmn-btn-cilicon:hover i
{color:var(--n0) !important}

.cmn-btn-cilicon:focus::before,.cmn-btn-cilicon:hover::before
{background-color:var(--p1)}

.cmn-btn-cilicon:focus::after,.cmn-btn-cilicon:hover::after
{background-color:var(--n1)}

.cmn-btn-cilicon.second-alt::before
{top:2px;
	border:1px solid var(--n700);
background-color:rgba(0,0,0,0)}

.cmn-btn-cilicon.second-alt::after
{background-color:rgba(0,0,0,0)}

.cmn-btn-cilicon.second-alt:focus::before,.cmn-btn-cilicon.second-alt:hover::before
{border-color:var(--p1);
	background-color:var(--p1);
top:6px}

.cmn-btn-cilicon.second-alt:focus::after,.cmn-btn-cilicon.second-alt:hover::after
{background-color:var(--n1)}

.common__v
{position:absolute;
	top:-1px;
left:-1px;
width:160px;
height:120px}

.common__v img
{border-bottom-right-radius:80px;
	height:100%}

@media(max-width: 1399px)
{.common__v img
	{width:140px;
		height:100px}

}

@media(max-width: 1399px)
{.common__v img
	{width:132px;
		height:90px}

}

.common__r
{position:absolute;
	bottom:0px;
right:0px}

.common__r .price-text
{background:var(--p1);
	padding:8px 16px;
font-size:24px;
font-weight:700;
color:#000;
border-top-left-radius:10px}

.marketing-posi
{position:absolute;
	bottom:0px;
width:100%;
padding:0 20px}

.marketing-posi .srgba
{background:var(--p1) !important}

.border-gradient
{border-radius:15px;
	transition:var(--transition)}

.border-gradient:hover
{border:1px solid rgba(0,0,0,0)}

.file-upload
{border-radius:48px;
	border:1px solid var(--p1)}

.file-upload input
{display:none}

.file-upload .file
{cursor:pointer;
	position:relative}

.file-upload .file .file-custom
{border-radius:20px}

.file-upload .add-file
{color:var(--p1)}

.btn-popup-animation
{width:80px;
	min-width:80px;
height:80px;
z-index:0;
transition:var(--transition)}

.btn-popup-animation i
{color:var(--p1)}

.btn-popup-animation:before
{content:"";
	position:absolute;
width:85%;
height:85%;
background-color:var(--p1);
border-radius:50%;
opacity:.6;
z-index:-1;
animation:pulse 2s ease-out infinite}

.btn-popup-animation:after
{content:"";
	position:absolute;
width:85%;
height:85%;
background-color:var(--p1);
border-radius:50%;
opacity:.6;
z-index:-1;
animation:pulse 2s 1s ease-out infinite}

@keyframes pulse
{100%
	{transform:scale(2);
		opacity:0}

}

.circle-text
{width:150px;
	height:150px;
border-radius:50%;
background-color:var(--s3);
border:1px solid var(--n40);
position:relative}

.circle-text .text
{animation:rotate 50s linear infinite;
	width:100%;
height:100%;
position:absolute}

.circle-text .text p
{transform:translate(50%, 5px)}

.circle-text .text span
{position:absolute;
	font-size:inherit;
font-weight:600;
transform-origin:0 70px}

.circle-text:hover .text
{animation-play-state:paused}

.circle-text.second
{width:120px;
	height:120px;
background-color:rgba(var(--n2), 1);
border-color:rgba(0,0,0,0)}

.circle-text.second .text p
{transform:translate(50%, 5px)}

.circle-text.second .text span
{transform-origin:0 55px}

.circle-text.third
{width:880px;
	height:880px;
border-color:rgba(0,0,0,0)}

.circle-text.third .text p
{transform:translate(50%, 5px)}

.circle-text.third .text span
{transform-origin:0 440px}

.opa04
{opacity:.4}

.v-border
{background:var(--n40);
	width:1px;
height:25px}

.v-line::before
{position:absolute;
	content:"";
width:1px;
height:96px;
background-color:var(--n40)}

.v-line.lg::before
{height:111px}

.v-line.sm::before
{height:30px}

.v-line.dashed::before
{border-right:1px dashed var(--n700);
	background:rgba(0,0,0,0)}

.cmn__quantity input
{width:70px;
	margin:0 auto;
text-align:center;
outline:none;
padding:0 0}

.cmn__quantity input:hover
{cursor:pointer}

.cmn__quantity .up,.cmn__quantity .down
{font-size:22px;
	transition:all .4s}

.cmn__quantity .up:hover,.cmn__quantity .down:hover
{cursor:pointer;
	background:var(--bg1);
color:var(--p1)}

.cmn__quantity2 .down,.cmn__quantity2 .up
{height:auto;
	font-size:13px}

.cmn__quantity2 .down:hover,.cmn__quantity2 .up:hover
{background:rgba(0,0,0,0);
	color:var(--n700)}

.cmn__quantity2 .down
{margin-bottom:-10px}

.cus-border
{border-color:var(--n60) !important;
	transition:all .4s}

.cus-border.second
{border-color:var(--n700) !important;
	transition:all .4s}

.cus-border.third
{border-color:var(--n500) !important;
	transition:all .4s}

.cus-border:hover
{border-color:var(--s2) !important}

.border-bottom-dash
{border-bottom:1px dashed rgba(0,0,0,0)}

.bt-dash
{border-top:1px dashed var(--p1-border)}

.bb-dash
{border-bottom:1px dashed var(--p1-border)}

.bb-opa03
{border-bottom:1px dashed var(--p1-border)}

.bb-704
{border-bottom:1px dashed rgba(34,46,72,.4)}

.tb-704
{border-top:1px dashed rgba(34,46,72,.4)}

.bb-n40
{border-bottom:1px dashed #dfe0e4}

.bb-700
{border-bottom:1px solid var(--n700)}

.bbdash-700
{border-bottom:1px dashed rgba(34,46,72,.4)}

.bbsolid-700
{border-bottom:1px solid var(--n700)}

.bbd-50
{
	border-bottom: 1px solid #c1c4cce3;
}

.cmn__{
border: 2px solid #fff;
color: #fff;

}

.w40
{width:40px;
	min-width:40px;
height:40px}

.w60
{width:60px;
	min-width:60px;
height:60px;
background:var(--bg1)}

.w60::before
{border:unset !important}

@media(max-width: 991px)
{.w60
	{width:40px;
		min-width:40px;
	height:40px}

}


.radius10
{border-radius:10px !important}

.radius32
{border-radius:8px !important}

.radius16
{border-radius:30px !important}

.radius17
{border-radius:17px !important}

.radius18
{border-radius:20px !important}

.radius19
{border-radius:20px !important}


.radius20
{border-radius:20px !important}


.radius50
{border-radius:50px !important}


.ul-dots li
{list-style:disc}

.ul-decimal li
{list-style:decimal}

.social-area a
{/*width:48px;
	min-width:48px;*/
height:48px;
/*border:1px solid var(--p1);*/
border-radius:50%;
display:block;
transition:var(--transition)}

.social-area a i
{color:var(--n700);
	transition:all .4s}

.social-area a:hover
{background-color:var(--n20)}

.social-area a:hover i
{color:var(--n1)}

@media(max-width: 991px)
{.social-area a
	{width:38px;
		min-width:38px;
	height:38px}

}

.social-area.w32 a
{width:32px;
	min-width:32px;
height:32px}

.social-area.w32 a i
{font-size:14px}

.social-area.alt a
{border-color:var(--p1);
	background:var(--p1)}

.social-area.alt a i
{color:var(--n1)}

.social-area.alt a:hover
{background:rgba(0,0,0,0)}

.social-area.alt a:hover i
{color:var(--n0)}

.social-items a i,.social-items a span
{transition:var(--transition)}

.social-items a:hover i,.social-items a:hover span
{color:var(--p1)}

.cmn__social
{width:48px;
	min-width:48px;
height:48px;
border:1px solid var(--p1);
border-radius:50%;
display:block;
transition:var(--transition)}

.cmn__social i
{color:var(--p1);
	transition:all .4s}

.cmn__social:hover
{background-color:var(--p1)}

.cmn__social:hover i
{color:var(--n1)}

@media(max-width: 991px)
{.cmn__social
	{width:38px;
		min-width:38px;
	height:38px}

}

.soc__box.second-alt
{width:48px;
	height:48px}

.soc__box.second-alt::before
{border-color:var(--p1)}

@media(max-width: 1399px)
{.soc__box.second-alt
	{width:42px;
		height:42px}

}

.mouse-follower
{z-index:10}

.mouse-follower span
{z-index:10;
	opacity:1;
top:-10px;
left:-10px;
transform:translate(-50%, -50%);
border-radius:50%;
position:fixed;
transition:100ms ease-in-out;
pointer-events:none}

.mouse-follower .cursor-outline
{height:30px;
	width:30px;
border:1px solid var(--p1)}

.mouse-follower .cursor-dot
{height:6px;
	width:6px;
background:var(--p1)}

.mouse-follower.hide-cursor span
{border-color:rgba(0,0,0,0);
	background:rgba(0,0,0,0)}

@media(max-width: 991px)
{.mouse-follower
	{display:none}

}

span
{display:inline-block}

.table thead th,.table td,.table th
{border:none}

.ovf-unset
{overflow-x:unset !important}

iframe
{border:0;
	width:100%}

*::-webkit-scrollbar
{width:6px}

.cmn-rightclickbody-profile::-webkit-scrollbar
{width:2px}

.cmn-rightclickbody::-webkit-scrollbar
{width:2px}

.cmn-leftclickbody::-webkit-scrollbar
{width:2px}

.scrolling-chat::-webkit-scrollbar
{width:2px}

.cmn-leftclickbody:hover::-webkit-scrollbar,.scrolling-chat:hover::-webkit-scrollbar
{width:2px;
	opacity:1;
display:block}

.cmn-leftclickbody:hover::-webkit-scrollbar-button,.cmn-leftclickbody:hover::-webkit-scrollbar-thumb,.scrolling-chat:hover::-webkit-scrollbar-button,.scrolling-chat:hover::-webkit-scrollbar-thumb
{background:var(--p1)}

.home-scroolls::-webkit-scrollbar
{width:2px}

.home-scroolls:hover::-webkit-scrollbar
{width:2px;
	opacity:1;
display:block}

.home-scroolls:hover::-webkit-scrollbar-button,.home-scroolls:hover::-webkit-scrollbar-thumb
{background:var(--p1)}

.scrolling-chat::-webkit-scrollbar-button,.scrolling-chat::-webkit-scrollbar-thumb
{background:var(--n0)}

.chat-body::-webkit-scrollbar
{width:2px}

.chat-body:hover::-webkit-scrollbar
{width:2px}

.chat-body:hover::-webkit-scrollbar-button,.chat-body:hover::-webkit-scrollbar-thumb
{background:var(--p1)}

.chat-body::-webkit-scrollbar-button,.chat-body::-webkit-scrollbar-thumb
{background:var(--n0);
	-webkit-transition:all .4s;
transition:all .4s}

.dashboar-leftbar::-webkit-scrollbar
{width:2px;
	opacity:1;
display:block}

.dashboar-leftbar::-webkit-scrollbar-button,.dashboar-leftbar::-webkit-scrollbar-thumb
{background:var(--n40)}

.customtable-responsive::-webkit-scrollbar
{width:2px;
	opacity:1;
display:block}

.customtable-responsive::-webkit-scrollbar-button,.customtable-responsive::-webkit-scrollbar-thumb
{background:var(--n40)}

*::-webkit-scrollbar-button,*::-webkit-scrollbar-thumb
{background:var(--p1)}

.cus-scro80
{height:180px;
	overflow-y:scroll}

.cus-scro80 .list
{height:150px;
	overflow-y:scroll}

.cus-scrollbar
{overflow-y:auto;
	overflow-x:hidden;
position:sticky;
max-height:90vh;
top:100px}

.cus-scrollbar::-webkit-scrollbar-track
{background:rgba(0,0,0,0)}

.cus-scrollbar::-webkit-scrollbar
{width:3px;
	background-color:rgba(0,0,0,0)}

.cus-scrollbar::-webkit-scrollbar-button,.cus-scrollbar::-webkit-scrollbar-thumb
{background-color:rgba(0,0,0,0)}

.cus-scrollbar:hover::-webkit-scrollbar
{width:3px}

.cus-scrollbar:hover::-webkit-scrollbar-track
{background:rgba(255,211,198,.5)}

.cus-scrollbar:hover::-webkit-scrollbar-button,.cus-scrollbar:hover::-webkit-scrollbar-thumb
{background:var(--p1)}

.d-center
{display:flex !important;
	justify-content:center !important;
align-items:center !important}

.cus-nz1
{z-index:-1}

.cus-z0
{z-index:0}

.cus-z1
{z-index:1}

.cus-z2
{z-index:2}

.scrollToTop
{position:fixed;
	bottom:0;
width:40px;
height:40px;
right:30px;
background-color:var(--p1);
padding:0 12px;
line-height:120%;
font-size:12px;
text-align:center;
z-index:9;
cursor:pointer;
transition:all 1s;
transform:translateY(100%)}

.scrollToTop.active
{bottom:30px;
	transform:translateY(0%)}

#preloader
{background:rgba(5,44,18,.927);
	overflow:hidden;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
z-index:99999;
display:flex;
align-items:center;
justify-content:center}

.singleTab .nav-links
{cursor:pointer}

.singleTab .tabContents
{position:relative}

.singleTab .tabContents .tabItem
{transform:translateY(100px);
	position:absolute;
z-index:-1;
top:0;
width:100%;
opacity:0;
transition:.8s all}

.singleTab .tabContents .tabItem.active
{position:initial;
	z-index:1;
opacity:1;
transform:translateY(0)}

.singleTab.pros-cros .nav-item
{border-radius:unset;
	background:rgba(12,169,64,.7);
font-weight:700;
color:rgba(var(--p2))}

.singleTab.pros-cros .nav-item .active
{background:var(--p1)}

.singleTab.pros-cros .nav-item button
{transition:var(--transition)}

.cmnshadow
{transition:all .4s;
	border-radius:32px}

.cmnshadow:hover
{box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px !important;
	border-color:var(--n20) !important}

.pro-shadow
{box-shadow:0px 6px 30px 0px rgba(0,0,0,.04)}

.cmnshadow2
{transition:all .4s}

.cmnshadow2:hover
{box-shadow:0px 5.12694px 25.6347px 0px rgba(0,0,0,.08)}

.explore__item
{transition:all .4s}

.cmnhover
{overflow:hidden;
	transition:all .4s}

.cmnhover .thumb
{border-radius: 20px 20px 0px 0px;
	position:relative}

/*.cmnhover .thumb::before
{position:absolute;
	content:"";
top:0;
left:0;
width:10px;
height:10px;
border-radius:300px;
transition:all .6s;
box-shadow:rgba(137,134,134,.656) 0px 2px 8px 0px;
opacity:0}
*/
.cmnhover:hover
{/*box-shadow:rgba(0,0,0,.1) 0px 4px 12px*/}

/*.cmnhover:hover .thumb::before
{width:100%;
	height:100%;
border-radius:0px;
opacity:1}

.search-area::before
{content:"";
	position:absolute;
width:100%;
height:50%;
bottom:0;
left:0;
background:var(--bg1);
z-index:-1}
*/
.search-area .search-box
{display:grid;
	gap:16px;
grid-template-columns:repeat(5, 1fr)}

@media(max-width: 1199px)
{.search-area .search-box
	{grid-template-columns:repeat(3, 1fr)}

}

@media(max-width: 767px)
{.search-area .search-box
	{grid-template-columns:repeat(2, 1fr)}

}

@media(max-width: 575px)
{.search-area .search-box
	{grid-template-columns:repeat(1, 1fr)}

}

.section__title .sec__title
{max-width:636px}

.section__title .sec__pra
{padding-top: 10px;
    max-width: 606px;}

.section__title .sec__pra .cmnhober-rotate
{transition:all .5s}

.section__title .sec__pra .cmnhober-rotate i
{transition:all .4s}

.section__title .sec__pra .cmnhober-rotate:hover
{color:var(--s2) !important;
	border-bottom:1px solid var(--s2) !important}

.section__title .sec__pra .cmnhober-rotate:hover i
{color:var(--s2) !important;
	transform:rotate(46deg) !important;
padding-left:2px !important}

@media(max-width: 1399px)
{.section__title .sec__title
	{font-size: 24px;
        line-height: 26px;
    }

}

@media(max-width: 991px)
{.section__title .sec__title
	{font-size:28px}

	.section__title .sec__pra
	{max-width:316px}

}

@media(max-width: 767px)
{.section__title
	{flex-wrap:wrap}

	.section__title .sec__title
	{font-size:28px}

}

.sec__titletwo .two__title
{font-size:56px;
letter-spacing: -2px;
font-weight:700;
line-height:100%}

@media(max-width: 1199px)
{.sec__titletwo .two__title
	{font-size:42px;
		font-weight:600;
	line-height:120%}

}

@media(max-width: 575px)
{.sec__titletwo .two__title
	{font-size:38px}

}

@media(max-width: 500px)
{.sec__titletwo .two__title
	{font-size:28px}

	.sec__titletwo p
	{font-size:16px}

}

.pagination li
{transition:all .4s}

.pagination li a
{transition:all .4s;
	color:var(--n700)}

.pagination li a i
{color:var(--n700)}

.pagination li:hover a
{transition:all .4s;
	background:var(--p1) !important;
border-color:var(--p1) !important}

.pagination .page-item .page-link
{outline:none;
	bottom:0;
padding:0;
width:32px;
height:32px;
justify-content:center;
align-items:center;
flex-shrink:0;
border-radius:5px;
z-index:999}

.pagination .page-item .page-link:hover,.pagination .page-item .page-link.active,.pagination .page-item .page-link:focus
{background-color:var(--p1);
	border-color:rgba(0,0,0,0);
box-shadow:none}

.video__cmn
{width:64px;
	min-width:64px;
height:64px}

.video__56
{width:56px;
	min-width:56px;
height:56px}

@media(max-width: 1399px)
{.video__56
	{width:48px;
		min-width:48px;
	height:48px}

}

.nice-select
{background-color:rgba(0,0,0,0);
	border:rgba(0,0,0,0);
float:initial;
overflow:initial;
height:initial;
padding:0;
display:inline-flex;
align-items:center;
line-height:150%;
width:100%}

.nice-select:focus,.nice-select:hover
{border-color:rgba(0,0,0,0)}

.nice-select::after
{height:10px;
	width:10px;
right:15px;
top:initial;
border-color:rgba(var(--n2), 0.6)}

.nice-select .list
{width:initial;
	background-color:rgba(var(--n8), 1);
box-shadow:none;
overflow:initial;
box-shadow:rgba(0,0,0,.15) 0px 3px 3px 0px;
width:100%;
top:100%;
padding:0;
max-height:50vh;
overflow-x:auto}

.nice-select .list::-webkit-scrollbar
{width:2px;
	opacity:1;
display:block}

.nice-select .list::-webkit-scrollbar-button,.nice-select .list::-webkit-scrollbar-thumb
{background:var(--s2)}

.nice-select .option
{background-color:rgba(0,0,0,0);
	font-size:16px;
line-height:150%;
padding:4px 5px;
min-height:initial;
font-weight:500}

.nice-select .option:hover,.nice-select .option:focus,.nice-select .option.selected.focus
{background-color:rgba(0,0,0,0)}

.nice-select .current
{font-weight:500}

.checkbox-single
{position:relative;
	padding-left:28px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}

.checkbox-single input
{position:absolute;
	opacity:0;
cursor:pointer;
height:0;
width:0}

.checkbox-single .checkmark
{position:absolute;
	left:0;
height:20px;
width:20px;
border-radius:50%;
border:1px solid var(--n40)}

.checkbox-single .checkmark::after
{content:""}

.checkbox-single input:checked~.checkmark::after
{content:"done";
	position:absolute;
font-family:"Material Symbols Outlined";
color:var(--n500)}

.checkbox-single input:checked~.checkmark:after
{display:block}

.single-radio
{cursor:pointer;
	-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
position:relative}

.single-radio:hover input~.checkmark
{background-color:rgba(0,0,0,0)}

.single-radio .checkmark
{position:absolute;
	left:0;
height:16px;
width:16px;
border:1px solid var(--p1);
border-radius:50%}

.single-radio .checkmark::after
{content:"";
	position:absolute;
width:8px;
height:8px;
border-radius:50%;
background:rgba(0,0,0,0)}

.single-radio input:checked~.checkmark
{background-color:rgba(0,0,0,0);
	border:1px solid}

.single-radio input:checked~.checkmark::after
{display:block;
	background:var(--p1)}

.slider-btn.active i,.slider-btn:hover i
{transform:rotate(0deg) !important}

.slider-btn .cmn-btn.active i,.slider-btn .cmn-btn:hover i
{transform:rotate(0deg) !important}

.slide-button
{outline:none;
	bottom:0;
padding:0;
width:40px;
height:40px;
justify-content:center;
align-items:center;
flex-shrink:0;
border-radius:5px;
z-index:5}

.slide-button.ara-prev
{transform:rotate(180deg)}

.slider-pagination
{width:initial}

.slider-pagination span
{letter-spacing:10px;
	color:var(--s2)}

.radius100
{border-radius:50%}

.radius30
{border-radius:100px}

.input-area
{background-color:rgba(0,0,0,0);
	border:1px solid var(--n40)}

.input-area:focus-within
{border:1px solid solid;
	outline:1px solid var(--s2);
border-color:rgba(0,0,0,0)}

.input-area input,.input-area textarea
{border-radius:0;
	padding:0;
border:none;
outline:none;
background:rgba(0,0,0,0);
font-size:16px}

.input-area input::-moz-placeholder, .input-area textarea::-moz-placeholder
{color:var(--n300);
	font-weight:500}

.input-area input::placeholder,.input-area textarea::placeholder
{color:var(--n300);
	font-weight:500}

.input-area .nice-select
{padding-right:40px !important}

.input-area .nice-select::-moz-placeholder
{color:rgba(var(--n3), 1)}

.input-area .nice-select::placeholder
{color:rgba(var(--n3), 1)}

.input-area .nice-select:focus,.input-area .nice-select:hover
{border:none;
	outline:none;
color:rgba(var(--n3), 1)}

.input-area .nice-select .current
{color:rgba(var(--n3), 1);
	font-size:16px;
border:none;
outline:none}

.input-area .nice-select .list
{border:1px solid rgba(var(--n6), 0.2);
	bottom:initial;
padding:8px 16px;
background:var(--bg1);
color:rgba(var(--n3), 1)}

.input-area .nice-select::after
{display:block;
	right:24px}

.input-area.second
{border-radius:48px;
	border:1px solid rgba(var(--n5), 1)}

.input-area.second input
{font-size:16px}

.ser7-bg
{background:rgba(47,167,95,.05) !important}

.search__icon1
{width:48px;
	min-width:48px;
height:48px}

.search__icon1::before
{left:-5px;
	top:0}

.search__icon40
{width:40px;
	min-width:40px;
height:40px}

.search__icon40::before
{left:-5px;
	top:0}

.cmn__icon32
{width:32px;
	min-width:32px;
height:32px}

.cmn__icon32::before
{left:-5px;
	top:0}

.cmn__icon40
{width:32px;
	min-width:32px;
height:32px}

.cmn__icon40::before
{left:-5px;
	top:0}

.cmn__icon36
{width:36px;
	min-width:36px;
height:36px}

.cmn__icon36::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon36
	{width:30px;
		min-width:30px;
	height:30px}

}

.cmn__icon64
{width:64px;
	min-width:64px;
height:64px}

.cmn__icon64::before
{left:-5px;
	top:0}

.cmn__icon60
{width:50px;
	min-width:50px;
height:50px}

@media(max-width: 1399px)
{
	.fs-icon
{font-size:22px;
	color: #000000;
	font-weight:400 !important}

	.cmn__icon60
	{width:40px;
		min-width:40px;
	height:40px}




}

.cmn__icon60::before
{left:-5px;
	top:0}

.cmn__icon48
{width:48px;
	min-width:48px;
height:48px}

.cmn__icon48::before
{left:-5px;
	top:0}

.cmn__icon44
{width:44px;
	min-width:44px;
height:44px}

.cmn__icon44::before
{left:-5px;
	top:0}

.cmn__icon40
{width:40px;
	min-width:40px;
height:40px}

.cmn__icon40::before
{left:-5px;
	top:0}

.cmn__icon32
{width:32px;
	min-width:32px;
height:32px}

.cmn__icon32::before
{left:-5px;
	top:0}

.cmn__icon24
{width:24px;
	min-width:24px;
height:24px}

.cmn__icon24::before
{left:-5px;
	top:0}

.cmn__icon56
{width:56px;
	min-width:56px;
height:56px}

.cmn__icon56::before
{left:-5px;
	top:0}

@media(max-width: 991px)
{.cmn__icon56
	{width:42px;
		min-width:42px;
	height:42px}

}

.cmn__icon80
{width:80px;
	min-width:80px;
height:80px}

.cmn__icon80::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon80
	{width:60px;
		min-width:60px;
	height:60px}

}

.cmn__icon72
{width:72px;
	min-width:72px;
height:72px}

.cmn__icon72::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon72
	{width:60px;
		min-width:60px;
	height:60px}

}

.cmn__icon88
{width:88px;
	min-width:88px;
height:88px}

.cmn__icon88::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon88
	{width:65px;
		min-width:65px;
	height:65px}

}

.cmn__icon88
{width:72px;
	min-width:72px;
height:72px}

.cmn__icon88::before
{left:-5px;
	top:0}

.cmn__icon100
{width:100px;
	min-width:100px;
height:100px}

.cmn__icon100::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon100
	{width:70px;
		min-width:70px;
	height:70px}

}

.cmn__icon115
{width:115px;
	min-width:115px;
height:115px}

.cmn__icon115::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon115
	{width:90px;
		min-width:90px;
	height:90px}

}

.cmn__icon190
{width:190px;
	min-width:190px;
height:190px}

.cmn__icon190::before
{left:-5px;
	top:0}

@media(max-width: 1399px)
{.cmn__icon190
	{width:150px;
		min-width:150px;
	height:150px}

}

@media(max-width: 767px)
{.cmn__icon190
	{width:100px;
		min-width:100px;
	height:100px}

}

.img80
{width:80px;
	min-width:80px;
height:80px}

.img50
{width:50px;
	min-width:50px;
height:50px}

.img170
{width:170px;
	min-width:170px;
height:170px}

@media(max-width: 991px)
{.img170
	{width:140px;
		min-width:140px;
	height:140px}

}

@media(max-width: 500px)
{.img170
	{width:120px;
		min-width:120px;
	height:120px}

}

.img160
{width:160px;
	min-width:160px;
height:160px}

@media(max-width: 991px)
{.img160
	{width:130px;
		min-width:130px;
	height:130px}

}

@media(max-width: 500px)
{.img160
	{width:110px;
		min-width:110px;
	height:110px}

}

.w32
{min-width:32px !important;
	min-height:32px !important}

.cmn__icon56border::after
{background:rgba(0,0,0,0);
	/*border:1px solid var(--n500)*/}

.cmn__icon56border::before
{background:rgba(0,0,0,0)}

.cmn__btnradius .ex__btn .cmn-btn::after,.cmn__btnradius .ex__btn .cmn-btn::before
{border-radius:20px}

@keyframes fadeInUp
{0%
	{opacity:0;
		transform:translate3d(0, 50%, 0)}

	100%
	{opacity:1;
		transform:none}

}

@keyframes fadeIn1st
{0%
	{opacity:0;
		transform:translate3d(10%, 0, 0)}

	100%
	{opacity:1;
		transform:none}

}

@keyframes fadeIn2nd
{0%
	{opacity:0;
		transform:translate3d(-10%, 0, 0)}

	100%
	{opacity:1;
		transform:none}

}

@keyframes rotate
{100%
	{transform:rotate(360deg)}

}

@keyframes prixClipFix
{0%
	{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
		clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}

	25%
	{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
		clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}

50%
{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
	clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}

75%
{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}

100%
{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}

}

@keyframes fadeInDown
{from
	{opacity:0;
		transform:translate3d(0, -100%, 0)}

	to
	{opacity:1;
		transform:none}

}

@keyframes loading
{0%
	{transform:rotate(0deg)}

	100%
	{transform:rotate(180deg)}

}

@media(max-width: 991px)
{.cmn__rightclick
	{overflow:hidden;
		position:relative}

}

.clickhere-active
{z-index:99;
	position:relative}

@media(min-width: 991px)
{.clickhere-active
	{display:none}

}

@media(max-width: 991px)
{.cmn-rightclickbody
	{overflow:auto;
		position:absolute;
	height:65vh;
	top:120px;
	right:-320px;
	width:317px;
	transition:all .6s;
	opacity:0}

	.cmn-rightclickbody.active
	{right:10px;
		opacity:1;
	z-index:99}

}

@media(max-width: 520px)
{.cmn-rightclickbody.active
	{right:1px}

}

.global-scale .overall-activeoverlay.active
{position:fixed;
	top:0;
left:0;
width:100%;
height:100%;
z-index:9;
background:rgba(0,0,0,.233)}

.global-scale .overall-activeoverlaycommunity.active
{width:calc(100% - 315px);
	opacity:0}

@media(max-width: 991px)
{.cmn__rightclick
	{overflow:hidden;
		position:relative}

}

.clickhere-active
{z-index:99;
	position:relative}

@media(min-width: 991px)
{.clickhere-active
	{display:none}

}

@media(max-width: 991px)
{.cmn-leftclickbody
	{overflow:auto;
		position:absolute;
	height:65vh;
	top:120px;
	transform:translateX(-320px);
	width:300px;
	transition:all .6s;
	opacity:0;
	visibility:hidden}

	.cmn-leftclickbody.active
	{transform:translateX(0px);
		z-index:99;
	opacity:1;
	visibility:visible}

}

@media(max-width: 991px)
{.cmn-rightclickbody-profile
	{overflow:auto;
		position:absolute;
	height:65vh;
	top:50px;
	right:-320px;
	width:300px;
	transition:all .6s;
	opacity:0;
	visibility:hidden}

	.cmn-rightclickbody-profile.active
	{right:8px;
		z-index:9999;
	opacity:1;
	visibility:visible;
	position:fixed}

}

@media(max-width: 991px)
{.cmn-leftclickbodyevent-details
	{top:50px}

}

@media(max-width: 991px)
{.ov-dsh
	{transition:all .8s;
		background:rgba(120,139,44,.881);
	z-index:99999;
	position:fixed;
	top:0;
	height:0%;
	width:100%;
	left:0}

	.ov-dsh.active
	{height:100%}

}

@media(max-width: 991px)
{.dashboar-leftbar
	{position:fixed;
		z-index:99999;
	top:0;
	left:-320px;
	transition:all .9s;
	overflow-y:scroll;
	height:100vh;
	background:var(--n0);
	width:320px}

	.dashboar-leftbar.active
	{left:0px}

.dashboar-leftbar .cmn-dashboard-inner
{width:280px;
	margin:0 auto;
margin-top:20px;
margin-bottom:20px}

.dashboar-leftbar .cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem
{background:var(--n20)}

}

@media(max-width: 991px)
{.header-cmnbg-added .navbar-toggle-item
	{background:var(--bg1)}

	.header-cmnbg-added .navbar-toggle-item .custom-nav .menu-item button
	{color:var(--n0)}

.header-cmnbg-added .navbar-toggle-item .custom-nav .menu-item .sub-menu li a
{color:var(--n0)}

}

.header-section
{width:100%;
	z-index:100}

.header-section .nav-brand
{max-width:265px}

@media(max-width: 991px)
{.header-section .nav-brand
	{max-width:150px}

}

@media(max-width: 767px)
{.header-section .search-toggle-box
	{display:none;
		position:absolute;
	width:100%;
	top:60px;
	z-index:10}

}

@media(max-width: 991px)
{.header-section .main-navbar .navbar-toggle-item
	{display:none}

}

@media(min-width: 992px)
{.header-section .main-navbar .navbar-toggle-item
	{display:initial !important}

}

.header-section .main-navbar .logo
{display:none}

.header-section .main-navbar .custom-nav .menu-item button::after
{position:absolute;
	content:"\f078";
	font-family:"Font Awesome 5 Free";
font-weight:500;
font-size:14px;
right:0px;
z-index:-1;
transition:all 1s ease}

.header-section .main-navbar .custom-nav .menu-item .home-scroolls
{height:30vh;
	overflow-y:scroll;
overflow-x:hidden}

.header-section .main-navbar .custom-nav .menu-item button,.header-section .main-navbar .custom-nav .menu-item a,.header-section .main-navbar .custom-nav .menu-link button,.header-section .main-navbar .custom-nav .menu-link a
{font-size:16px !important}

@media(max-width: 991px)
{.header-section .main-navbar .custom-nav .menu-item button,.header-section .main-navbar .custom-nav .menu-item a,.header-section .main-navbar .custom-nav .menu-link button,.header-section .main-navbar .custom-nav .menu-link a
	{font-size:14px !important;
		font-weight:400 !important}

}

@media(max-width: 575px)
{.header-section .main-navbar .custom-nav .menu-item button,.header-section .main-navbar .custom-nav .menu-item a,.header-section .main-navbar .custom-nav .menu-link button,.header-section .main-navbar .custom-nav .menu-link a
	{font-size:16px}

}

.header-section .main-navbar .custom-nav .menu-item button:hover,.header-section .main-navbar .custom-nav .menu-item button.active,.header-section .main-navbar .custom-nav .menu-item a:hover,.header-section .main-navbar .custom-nav .menu-item a.active,.header-section .main-navbar .custom-nav .menu-link button:hover,.header-section .main-navbar .custom-nav .menu-link button.active,.header-section .main-navbar .custom-nav .menu-link a:hover,.header-section .main-navbar .custom-nav .menu-link a.active
{color:var(--p1)}

@media(max-width: 991px)
{.header-section .main-navbar .custom-nav
	{width:100%}

	.header-section .main-navbar .custom-nav .sub-menu
	{display:none;
		padding:10px 14px 14px;
	border-left:2px solid var(--p1);
	margin-top:20px;
	margin-bottom:10px;
	background:var(--bg2) !important}

.header-section .main-navbar .custom-nav .sub-menu li a
{font-size:14px !important;
	font-weight:400 !important;
letter-spacing:2px}

}

@media(min-width: 992px)
{.header-section .main-navbar .custom-nav .menu-item
	{padding:34px 0}

	.header-section .main-navbar .custom-nav .menu-item button:hover button::after
	{transform:rotate(-180deg)}

.header-section .main-navbar .custom-nav .sub-menu
{position:absolute;
	top:20px;
left:-30px;
min-width:240px;
opacity:0;
width:-moz-max-content;
width:max-content;
visibility:hidden;
transform:translateY(50px);
transition:var(--transition);
display:initial !important;
background:var(--bg1);
z-index:10;
pointer-events:none;
box-shadow:rgba(149,157,165,.2) 0px 8px 24px}

.header-section .main-navbar .custom-nav .sub-menu .sub-menu
{border-left:2px solid var(--p1);
	left:99%;
top:-55px;
z-index:9}

.header-section .main-navbar .custom-nav .menu-item
{position:relative}

.header-section .main-navbar .custom-nav .menu-item:hover>.sub-menu
{opacity:1;
	visibility:visible;
transform:translateY(60px);
pointer-events:auto}

}

.header-section .main-navbar .navbar-toggle-btn
{width:36px;
	height:24px;
position:relative;
right:0;
transition:var(--transition);
top:0}

.header-section .main-navbar .navbar-toggle-btn span
{display:block;
	position:absolute;
height:2px;
width:100%;
background:var(--p1);
border-radius:9px;
opacity:1;
left:0;
transform:rotate(0deg);
transition:var(--transition)}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(1)
{top:0}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(2),.header-section .main-navbar .navbar-toggle-btn span:nth-child(3)
{top:12px}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(4)
{top:24px}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(1)
{top:18px;
	width:0%;
left:50%}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(2)
{transform:rotate(45deg)}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(3)
{transform:rotate(-45deg)}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(4)
{top:18px;
	width:0%;
left:50%}

@media(max-width: 575px)
{.cmn-s2color-header .main-navbar .custom-nav .menu-item button,.cmn-s2color-header .main-navbar .custom-nav .menu-item a,.cmn-s2color-header .main-navbar .custom-nav .menu-link button,.cmn-s2color-header .main-navbar .custom-nav .menu-link a
	{font-size:16px}

}

.cmn-s2color-header .main-navbar .custom-nav .menu-item button:hover,.cmn-s2color-header .main-navbar .custom-nav .menu-item button.active,.cmn-s2color-header .main-navbar .custom-nav .menu-item a:hover,.cmn-s2color-header .main-navbar .custom-nav .menu-item a.active,.cmn-s2color-header .main-navbar .custom-nav .menu-link button:hover,.cmn-s2color-header .main-navbar .custom-nav .menu-link button.active,.cmn-s2color-header .main-navbar .custom-nav .menu-link a:hover,.cmn-s2color-header .main-navbar .custom-nav .menu-link a.active
{color:var(--s2) !important}

.cus__scroll
{max-height:65vh;
	overflow-y:scroll;
overflow-x:hidden}

.header-fixed
{position:fixed;
	top:0px;
z-index:999;
width:100%;
background:var(--n0)}

.header-fixed .main-navbar .logo
{display:block}

@media(max-width: 991px)
{.header-fixed .main-navbar .logo
	{display:none}

}

.shop__styleone li .headerv3-cmnicon
{transition:all .6s}

.shop__styleone li .headerv3-cmnicon i
{transition:all .5s}

.shop__styleone li a
{width:44px;
	min-width:44px;
height:44px;
display:block;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:all .6s}

.shop__styleone li a i
{transition:all .5s}

.shop__styleone li:hover .headerv3-cmnicon,.shop__styleone li:hover a
{background:var(--p1) !important}

.shop__styleone li:hover .headerv3-cmnicon i,.shop__styleone li:hover a i
{color:var(--n700) !important}

.serial
{width:22px;
	min-width:22px;
height:22px;
position:absolute;
top:-9px;
right:-9px}

@media(max-width: 991px)
{.one__header .one__mainheader
	{padding:24px 0}

	.one__header .itembg__1
	{padding:14px 20px 18px;
		background:var(--bg2);
	display:flex;
	width:100%;
	align-items:center}

.one__header .itembg__1::after
{right:20px !important}

}

.category__oneadjust .nice-select
{width:unset !important;
	gap:20px;
font-size:16px}

.category__oneadjust .nice-select::after
{position:initial}

.category__oneadjust .nice-select .list
{max-height:20vh;
	background:var(--bg2);
width:180px;
padding:5px 8px;
overflow-y:scroll}

.category__oneadjust .nice-select .list li
{color:var(--n0);
	font-size:14px}

.category__oneadjust .search-toggle-box
{width:497px}

@media(max-width: 1399px)
{.category__oneadjust .search-toggle-box
	{width:unset}

}

@media(max-width: 460px)
{.category__oneadjust .nice-select
	{display:none}

}

.category__oneadjust.version2 .search-toggle-box .input-area
{border:unset}

.category__oneadjust.version2 .search-toggle-box .input-area input
{font-size:14px;
	font-weight:400;
color:var(--n40)}

.category__oneadjust.version2 .search-toggle-box .input-area ::-moz-placeholder
{color:var(--n40)}

.category__oneadjust.version2 .search-toggle-box .input-area ::placeholder
{color:var(--n40)}

.category__oneadjust.version2 .nice-select .current
{color:var(--n0)}

.designers
{-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:var(--n0);
color:rgba(0,0,0,0);
transition:all .5s;
position:relative}

.designers::before
{content:attr(data-text);
	position:absolute;
color:var(--s2);
width:0px;
overflow:hidden;
animation:pulse-width 3s ease-in infinite;
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:var(--s2)}

@keyframes pulse-width
{50%
	{width:100%}

}

.header__two
{border-top:1px dashed var(--p1-border)}

@media(min-width: 991px)
{.header__two
	{display:none}

}

.header__two.header-fixed
{display:block}

.head-border
{border-bottom:1px solid var(--n30)}

.header-v3 .category__oneadjust .catev3
{border:1px solid var(--n30);
	background:var(--n20);
border-radius:60px;
padding:13px 32px}

.header-v3 .category__oneadjust .nice-select
{gap:10px}

.header-v3 .category__oneadjust .nice-select::after
{border-bottom:2px solid var(--n500);
	border-right:2px solid var(--n500);
width:9px;
height:9px}

.header-v3 .category__oneadjust .nice-select .current
{color:var(--n500) !important}

.header-v3 .search-toggle-box
{display:none;
	position:absolute;
top:100%;
right:0;
width:220px}

.header-v3 .langv3
{position:relative}

.header-v3 .langv3 .nice-select
{position:absolute;
	top:0;
left:0}

.header-v3 .langv3 .nice-select::after
{display:none}

.header-v3 .langv3 .nice-select .current
{opacity:0;
	width:100%;
display:block;
padding-top:10px}

.header-v3 .langv3 .nice-select .list
{border:1px solid var(--n30);
	background:var(--n0);
width:100px;
right:0;
padding:5px 10px 5px;
height:180px}

.header-v3 .headerv3-cmnicon
{width:42px;
	min-width:42px;
height:42px;
border:1px solid var(--n30);
background:var(--n20);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center}

.header-v3 .dropdown .dropdown-menu
{text-align:left;
	margin:20px 0 0 35px !important}

.header-v3 .dropdown .dropdown-menu li a
{width:unset;
	height:unset;
text-align:left;
border-radius:unset;
justify-content:flex-start}

.header-v3 .sub-menu
{background:var(--n0) !important}

.header-v3 .container
{max-width:1760px;
	margin:0 auto}

@media(max-width: 991px)
{.header-v3 .sub-menu
	{background:var(--n0)}

	.header-v3 .itembg__1
	{color:var(--n0)}

.header-v3 .navbar-toggle-btn span
{background:var(--n500) !important}

.header-v3 .left__navbox
{width:100%}

.header-v3 .search-toggle-box
{left:0}

}

@media(max-width: 1399px)
{.header-v3 .category__oneadjust .catev3
	{padding:9px 22px}

	.header-v3 .category__oneadjust .catev3 .nice-select option
	{font-size:10px !important}

.header-v3 .category__oneadjust .catev3 .current
{font-size:13px}

.header-v3 .headerv3-cmnicon
{width:36px;
	min-width:36px;
height:36px}

}

.togglebox-one .input-area
{position:relative !important;
	z-index:1 !important}

.cmnlangv3
{position:relative}

.cmnlangv3 .nice-select
{position:absolute;
	top:0;
left:0}

.cmnlangv3 .nice-select::after
{display:none}

.cmnlangv3 .nice-select .current
{opacity:0;
	width:100%;
display:block;
padding-top:10px}

.cmnlangv3 .nice-select .list
{border:1px solid var(--n30);
	background:var(--n0);
width:100px;
right:0;
padding:5px 10px 5px;
height:180px}

.cmnuser-proposition .dropdown .dropdown-menu
{text-align:left;
	margin:20px 0 0 0px !important;
inset:0 0 0 auto !important;
height:85px}

.cmnuser-proposition .dropdown .dropdown-menu li a
{width:unset;
	height:unset;
text-align:left;
border-radius:unset;
justify-content:flex-start}

.header-v5
{position:absolute;
	top:0;
left:0}

.header-v5 .category__oneadjust .search-toggle-box
{position:initial;
	width:400px}

@media(max-width: 1500px)
{.header-v5 .category__oneadjust .search-toggle-box
	{width:200px}

}

.hero__fivesection::before
{position:absolute;
	top:50px;
left:0;
content:"";
background:url(../../assets/images/vectors/ellip.png) no-repeat center center;
background-size:cover;
width:500px;
height:500px}

.header5-btn
{width:unset !important;
	height:unset !important;
min-width:unset !important;
min-height:unset !important}

.header-v6 .category__oneadjust
{width:100%}

.header-v6 .category__oneadjust .search-toggle-box
{width:100%}

.header-v6 .category__oneadjust .search-toggle-box .input-area
{background:var(--n20) !important}

@media(max-width: 767px)
{.header-v6 .category__oneadjust
	{justify-content:space-between;
		width:100%}

	.header-v6 .category__oneadjust .search-toggle-box
	{width:90%}

.header-v6 .category__oneadjust .search-toggle-box .input-area
{width:90%}

}

.header-v6 .category__oneadjust .nice-select
{display:inline-flex}

@media(min-width: 991px)
{.header-v6 .custom-nav a,.header-v6 .custom-nav button
	{color:var(--n500) !important}

}

@media(max-width: 991px)
{.header-v6 .custom-nav button
	{color:var(--n0)}

}

.header-v6 .sub-menu
{background:var(--n0) !important}

@media(max-width: 991px)
{.header-v6 .sub-menu li
	{color:var(--n500)}

	.header-v6 .sub-menu li button
	{color:var(--n500)}

.header-v6 .sub-menu li a
{color:var(--n500);
	font-weight:500}

}

.toggle-black span
{background:var(--n500) !important}

.head7-category .nice-select
{width:unset !important;
	gap:10px;
font-size:16px;
color:var(--n500)}

.head7-category .nice-select::after
{position:initial;
	border-bottom:1px solid var(--n500);
border-right:1px solid var(--n500)}

.head7-category .nice-select .current
{color:var(--n500) !important}

.head7-category .nice-select .list
{background:var(--bg2);
	width:180px;
padding:5px 8px}

.head7-category .nice-select .list li
{color:var(--n0);
	font-size:14px}

.header__topsix .category__oneadjust .category
{border-right:1px solid var(--n40)}

.header__topsix .category__oneadjust .search-toggle-box input
{background:var(--n20);
	font-size:10px;
color:var(--n300)}

.header__topsix .category__oneadjust .search-toggle-box ::-moz-placeholder
{color:var(--n300);
	font-size:14px}

.header__topsix .category__oneadjust .search-toggle-box ::placeholder
{color:var(--n300);
	font-size:14px}

.header__topsix .category__oneadjust .nice-select
{gap:10px;
	padding:0 0 0 18px;
border-radius:0;
padding-right:28px !important}

.header__topsix .category__oneadjust .nice-select::after
{border-bottom:1px solid var(--n500);
	border-right:1px solid var(--n500)}

.hero-border
{border-top:1px solid var(--n30)}

.hero__tentsection
{padding-top:95px}

@media(max-width: 575px)
{.footer__logo
	{width:70%}

}

.footer__link
{width:30px;
	min-width:30px;
height:30px}

@media(max-width: 575px)
{.footer__link
	{width:26px;
		min-width:26px;
	height:26px}

}



.widget__linkone li:not(:last-child)
{margin-bottom:16px;
font-size: 14px;
}

.widget__linkone a{
font-size: 14px;
}

@media(max-width: 1199px)
{.widget__linkone li:not(:last-child)
	{margin-bottom:10px}

}

.footer__onewidget__link
{border-left:1px dashed var(--p1-border);
	height:100%;
padding-left:66px}

@media(max-width: 1199px)
{.footer__onewidget__link
	{padding-left:15px}

}

@media(max-width: 991px)
{.footer__onewidget__link
	{padding-left:0px;
		border-left:unset;
	margin-top:30px}

}

@media(max-width: 575px)
{.footer__onewidget__link
	{margin-top:20px}

}

.footer__two
{position:relative}

.footer__two::before
{position:absolute;
	top:0;
height:100%;
right:0;
width:calc(100% - 580px);
content:"";
background:var(--bg1)}

@media(max-width: 1899px)
{.footer__two::before
	{width:calc(100% - 540px)}

}

@media(max-width: 1760px)
{.footer__two::before
	{width:calc(100% - 500px)}

}

@media(max-width: 1680px)
{.footer__two::before
	{width:calc(100% - 450px)}

}

@media(max-width: 1600px)
{.footer__two::before
	{width:100%}

}

.footer__v2item .iconv2
{width:48px;
	min-width:48px;
height:48px}

.footer__v2item .banner__video
{position:initial !important}

.footer__v2item .banner__video .cmn__video
{background:var(--bg1)}

.footer__v2item .banner__video .cmn__video i
{color:var(--n0)}

@media(max-width: 991px)
{.footer__v2item h1
	{font-size:28px}

	.footer__v2item .banner__video
	{top:calc(100% - 44px);
		right:calc(100% - 250px);
	width:50px;
	height:50px;
	padding:1px}

.footer__v2item .banner__video .cmn__video
{width:30px;
	height:30px}

.footer__v2item .banner__video .cmn__video i
{font-size:16px}

.footer__v2item .banner__video img
{width:48px;
	height:48px}

}

.navigate
{transition:all .4s;
	padding-left:12px}

.navigate::before
{transition:all .4s;
	position:absolute;
content:"";
left:0;
width:4px;
height:4px;
border-radius:50%;
background:var(--n0)}

.navigate:hover
{color:var(--p1)}

.navigate:hover::before
{background:var(--p1)}

.subscribebox
{border-left:1px dashed var(--p1-border);
	padding-left:32px;
padding-top:20px}

.subscribebox form
{background:var(--bg2)}

.subscribebox form input
{color:var(--n0);
	outline:none}

.subscribebox form ::-moz-placeholder
{font-size:14px;
	color:var(--n0)}

.subscribebox form ::placeholder
{font-size:14px;
	color:var(--n0)}

.subscribebox form .btn__v4
{background:var(--p1);
	border-color:var(--bg1)}

.subscribebox form .btn__v4 i
{color:var(--n700)}

@media(max-width: 767px)
{.subscribebox
	{padding-left:0;
		border-left:unset;
	padding-top:0}

}

.footright__v2
{border-top:1px solid var(--n500)}

.fbottom-leftv2
{gap:130px}

@media(max-width: 1199px)
{.fbottom-leftv2
	{gap:60px}

}

@media(max-width: 767px)
{.fbottom-leftv2
	{gap:30px 60px;
		order:1}

}

.f__v2item-space
{padding-bottom:120px}

@media(max-width: 1899px)
{.f__v2item-space
	{padding-bottom:50px}

}

@media(max-width: 1199px)
{.f__v2item-space
	{padding-bottom:20px}

}

.soci-box .social-area li a
{width:32px;
	min-width:32px;
height:32px}

@media(max-width: 1600px)
{.order2 h5
	{color:var(--n0)}

	.order2 .widget__contactone li .iconv2
	{background:var(--bg2) !important}

.order2 .widget__contactone li a
{color:var(--n0)}

.order2 .widget__contactone li a span
{color:var(--n0)}

}


.widget__contactone li{
align-items: center;
}


.footv2__logo2
{display:none}

@media(max-width: 1600px)
{.footv2__logo
	{display:none}

	.footv2__logo2
	{display:block}

}

.footer__topfour .subscribebox
{padding-left:0;
	border-left:unset}

.footer__topfour .navigate-four .navigate-box
{display:flex;
	gap:98px}

@media(max-width: 500px)
{.footer__topfour .navigate-four
	{flex-wrap:wrap}

	.footer__topfour .navigate-four .navigate-box
	{display:flex;
		gap:40px}

}

@media(max-width: 380px)
{.footer__topfour .navigate-four .navigate-box
	{gap:18px}

}

@media(max-width: 991px)
{.foote-right-wrapfour
	{margin-top:40px}

}

@media(max-width: 767px)
{.foote-right-wrapfour
	{margin-top:24px}

}

.foote-right-wrapfour .app-goggle
{max-width:180px}

.foote-right-wrapfour .apps
{width:100%}

.header-v5 .one__header.header-fixed
{background:var(--n0)}

@media(max-width: 510px)
{.edubox-f5-form
	{flex-wrap:wrap}

}

.edubox-f5
{width:470px}

.footer-fivelink
{gap:16px}

@media(max-width: 575px)
{.footer-fivelink
	{flex-wrap:wrap;
		gap:40px}

}

.themeborder
{border-bottom:1px solid var(--p1)}

.footer-edutop
{padding:80px 0}

.footer-edutop .foo6-link
{display:flex;
	align-items:center;
gap:24px}

.footer-edutop .foo6-link li a
{display:flex;
	align-items:center;
padding-left:10px;
position:relative;
color:var(--n0)}

.footer-edutop .foo6-link li a::before
{width:4px;
	height:4px;
border-radius:50%;
background:var(--n0);
position:absolute;
left:0;
content:""}

.footer-edutop .foo6-link li a:hover
{color:var(--p1)}

.footer-edutop .foo6-link li a:hover::before
{background:var(--p1)}

@media(max-width: 1399px)
{.footer-edutop
	{padding:60px 0}

}

@media(max-width: 1199px)
{.footer-edutop
	{padding:40px 0}

}

@media(max-width: 991px)
{.footer-edutop
	{padding:30px 0;
		flex-wrap:wrap;
	justify-content:center}

	.footer-edutop .footer6-logo
	{display:none}

}

@media(max-width: 767px)
{.footer-edutop
	{justify-content:center;
		gap:14px}

	.footer-edutop .foo6-link
	{justify-content:center;
		flex-wrap:wrap;
	gap:10px}

}

.bordern015-top
{border-top:1px solid rgba(255,255,255,.15)}

.bordern015-bottom
{border-bottom:1px solid rgba(255,255,255,.15)}

.footer6-body
{display:flex;
	justify-content:space-between}

.footer6-body .subscribebox
{padding-left:0px;
	border-left:1px solid rgba(255,255,255,.15);
width:520px}

.footer6-body .custom-bleftf
{border-left:1px solid rgba(255,255,255,.15)}

.footer6-body .student__countitem
{padding:0 0 0}

.footer6-body .footer6-spance
{padding:120px 40px}

@media(max-width: 991px)
{.footer6-body .disig
	{font-size:13px !important}

	.footer6-body .footer6-spance
	{padding:60px 10px}

}

@media(max-width: 575px)
{.footer6-body
	{flex-wrap:wrap;
		justify-content:center}

	.footer6-body .subscribebox
	{border-left:unset;
		border-top:1px solid rgba(255,255,255,.15)}

}

@media(max-width: 550px)
{.footer6-body .custom-bleftf
	{border-left:unset;
		border-top:1px solid rgba(255,255,255,.15)}

}

.f5-recent a:hover
{color:var(--s1)}

@media(max-width: 1399px)
{.footer__eight .footer5-recent h6
	{font-size:16px !important;
		line-height:1.5}

	.footer__eight .footer5-recent h6 span
	{font-size:14px}

}

.footer__onewidget-v8
{justify-content:space-between;
	gap:20px}

.footer__onewidget-v8 .footer-v8lteft
{max-width:526px}

@media(max-width: 500px)
{.footer__onewidget-v8
	{flex-wrap:wrap;
		gap:20px}

}

@media(max-width: 1700px)
{.about-study .badge1-eleemnt
	{display:none}

}

.about-studyleft .thumb .as-counter
{margin-bottom:8px}

.about-studyleft .thumb .as-counter::before
{border-radius:20px}

.about-studyleft .thumb .as-counter::after
{border-radius:20px}

.about-studyleft .thumb .shape-as
{height:175px;
	width:275px}

.about-studyleft .as-cate
{justify-content:space-between;
	gap:16px 0}

.about-studyleft .as-cate li
{width:50%}

@media(max-width: 1399px)
{.about-studyleft .thumb .shape-as
	{height:155px;
		width:225px}

	.about-studyleft .as-cate li
	{width:100%}

}

@media(max-width: 1199px)
{.about-studyleft .thumb .shape-as
	{height:110px;
		width:200px}

}

.badge1-eleemnt
{position:absolute;
	top:92px;
right:70px}

@media(max-width: 1399px)
{.about-studyright .bl-shapecmn
	{width:110px}

}

.header-scrollfixed
{position:absolute;
background-color: var(--n40);
	top:0;
left:0;
width:100%}

.pt-fixed250
{padding-top:110px}

@media(max-width: 991px)
{.pt-fixed250
	{padding-top:120px}

}

.pt-fixed250-v7
{padding-top:250px}

@media(max-width: 991px)
{.pt-fixed250-v7
	{padding-top:100px}

}

@media(max-width: 767px)
{.pt-fixed250-v7
	{padding-top:80px}

}

.pt-fixed150
{padding-top:150px}

@media(max-width: 991px)
{.pt-fixed150
	{padding-top:220px}

}

.limitless__leftcont
{max-width:452px;
	position:relative;
padding:30px 52px}

.limitless__leftcont h3
{font-size:40px}

@media(max-width: 1600px)
{.limitless__leftcont
	{padding:26px 24px}

	.limitless__leftcont h3
	{font-size:36px}

}

@media(max-width: 1399px)
{.limitless__leftcont
	{padding:114px 24px 24px}

}

@media(max-width: 1199px)
{.limitless__leftcont h3
	{font-size:28px}

}

@media(max-width: 991px)
{.limitless__leftcont h3
	{font-size:20px}

}

.limitless__contright
{padding-left:40px;
	padding-top:70px;
position:relative}

.limitless__contright h3
{font-size:40px}

@media(max-width: 1399px)
{.limitless__contright
	{padding-left:10px;
		padding-top:0}

	.limitless__contright h3
	{font-size:36px}

.limitless__contright .banner__video
{top:-150px;
	right:0;
width:80px;
height:80px;
padding:5px}

.limitless__contright .banner__video .cmn__video
{width:40px;
	height:40px}

.limitless__contright .banner__video .cmn__video i
{font-size:18px}

.limitless__contright .banner__video img
{width:72px;
	height:72px}

}

@media(max-width: 1199px)
{.limitless__contright h3
	{font-size:28px}

}

@media(max-width: 991px)
{.limitless__contright
	{padding-top:15px}

	.limitless__contright .banner__video
	{top:calc(100% - 190px);
		right:0}

}

@media(max-width: 767px)
{.limitless__contright .banner__video
	{top:calc(100% - 44px);
		right:calc(100% - 250px);
	width:50px;
	height:50px;
	padding:1px}

	.limitless__contright .banner__video .cmn__video
	{width:30px;
		height:30px}

.limitless__contright .banner__video .cmn__video i
{font-size:16px}

.limitless__contright .banner__video img
{width:48px;
	height:48px}

}

@media(max-width: 450px)
{.limitless__contright
	{padding-top:10px;
		padding-left:0}

	.limitless__contright h3
	{font-size:20px}

}

.banner__video
{position:absolute;
	top:-190px;
right: -50px;
width:120px;
height:120px;
border-radius:50%;
padding:5px;
background:#007aff8a;
}

.banner__video .text__circle
{position:absolute;
	animation:cir36 10s linear infinite}

.banner__video .cmn__video
{background:var(--n0);
	width:73px;
height:73px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:50%;
z-index:1;
left:50%;
transform:translate(-50%, -50%)}

.banner__video .cmn__video i
{color:var(--n1);
	font-size:20px}

.limitless__left
{position:relative}

.limitless__left .limit__thumb
{margin-left:auto;
	position:relative}

.limitless__left::before
{position:absolute;
	bottom:0;
left:0;
width:100%;
height:80%;
content:"";
background:var(--p1);
border-radius:37px}

.limitless__left .students
{position:absolute;
	top:102px;
left:0px;
width:190px;
height:110px;
padding:0 36px}

.limitless__left .students h3
{font-size:40px}

.limitless__left .students .cmn__vector1
{position:absolute;
	top:0;
left:0}

.limitless__left .students img
{height:100%;
	width:100%}

@media(max-width: 1399px)
{.limitless__left::before
	{height:100%}

	.limitless__left .students
	{position:absolute;
		top:0px;
	left:0px;
	width:190px;
	height:110px;
	padding:0 36px}

}

@media(max-width: 767px)
{.limitless__left .students
	{padding:0 24px 24px;
		width:160px;
	height:100px}

	.limitless__left .students h3
	{font-size:32px}

}

@media(max-width: 450px)
{.limitless__left .limit__thumb
	{display:none}

}

@media(max-width: 450px)and (max-width: 767px)
{.limitless__left .students
	{padding:0 24px 24px;
		height:85px}

	.limitless__left .students h3
	{font-size:24px}

}

.hero__onecontent h1
{font-size:120px}

@media(max-width: 1399px)
{.hero__onecontent h1
	{font-size:80px}

	.hero__onecontent .custom-loop-play
	{width:206px;
		height:60px}

}

@media(max-width: 1199px)
{.hero__onecontent h1
	{font-size:70px}

}

@media(max-width: 991px)
{.hero__onecontent .idealz
	{display:none}

	.hero__onecontent .custom-loop-play
	{display:none}

}

@media(max-width: 767px)
{.hero__onecontent h1
	{font-size:42px}

}

@media(max-width: 440px)
{.hero__onecontent h1
	{font-size:36px}

}

@media(max-width: 400px)
{.hero__onecontent h1
	{font-size:30px}

}

.hero__sun
{position:absolute;
	left:70px;
top:240px;
z-index:-1;
animation:cir36 15s linear infinite}

.banner__socone
{position:absolute;
	bottom:120px;
left:calc(10% - 80px)}

.banner__socone .follow__rot
{transform:rotate(-90deg);
	position:absolute;
top:-70px;
left:-10px;
width:80px}

.banner__socone .follows
{gap:12px;
	display:grid}

@media(max-width: 1700px)
{.banner__socone
	{position:initial;
		display:none}

	.banner__socone .follow__rot
	{display:none}

.banner__socone .follows
{display:flex;
	margin-top:30px}

.banner__socone .follows i
{padding-top:1px}

}

@keyframes cir36
{100%
	{transform:rotate(360deg)}

}

@media(max-width: 1399px)
{.hero__sun
	{display:none}

}

@media(max-width: 991px)
{.bn__three-cont .display-four
	{font-size:36px !important}

}

.bn__right3 .thumb .banner__video
{position:relative}

.bn__right3 .thumb .bn3__vid
{position:absolute;
	top:calc(100% + 9px);
right:0}

.bn__right3 .thumb .bn3__vec
{width:150px}

.bn__right3 .boxline
{position:relative;
	display:block}

.bn__right3 .boxline::before
{top:-50px;
	left:0;
position:absolute;
content:"";
height:108px;
border:1px dashed var(--n40)}

@media(max-width: 991px)
{.bn__right3 .boxline::before
	{display:none}

}

.bn3-rightbox
{max-width:250px}

@media(max-width: 370px)
{.video-adjust .watch-de
	{display:none}

}

.bn__four-cont h1
{font-size:80px;
	text-transform:uppercase}

.bn__four-cont h1 .suc
{color:#2fa75f;
	border-bottom:2px solid #2fa75f;
display:inline-block}

@media(max-width: 1399px)
{.bn__four-cont .milion
	{font-size:14px}

}

@media(max-width: 1199px)
{.bn__four-cont h1
	{font-size:54px}

}

@media(max-width: 991px)
{.bn__four-cont
	{padding:60px 0}

	.bn__four-cont h1
	{font-size:40px}

}

@media(max-width: 550px)
{.bn__four-cont h1
	{font-size:32px}

}

.banner__rightv4
{width:717px;
	height:696px}

.banner__rightv4 .bn4-five
{position:absolute;
	top:0;
left:70px;
border-bottom-left-radius:120px;
border-bottom-right-radius:120px}

.banner__rightv4 .bn4-six
{position:absolute;
	bottom:0;
right:88px;
border-top-left-radius:120px;
border-top-right-radius:120px}

.banner__rightv4 .bn4-v4
{position:absolute;
	right:140px;
top:60px}

.banner__rightv4 .bn4-v3
{position:absolute;
	bottom:60px;
left:140px}

.banner__rightv4 .bn4-v1
{position:absolute;
	right:0;
top:220px;
animation:updown8 2s linear infinite}

.banner__rightv4 .bn4-v2
{position:absolute;
	bottom:200px;
left:0;
animation:lfrt10 2s linear infinite}

.banner__rightv4 .vidposi
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%)}

@media(max-width: 1600px)
{.banner__rightv4
	{height:600px;
		width:650px}

	.banner__rightv4 .bn4-six
	{position:absolute;
		bottom:0;
	right:88px;
	border-top-left-radius:120px;
	border-top-right-radius:120px}

.banner__rightv4 .bn4-v4
{right:140px;
	top:10px}

.banner__rightv4 .bn4-v3
{bottom:10px;
	left:140px}

.banner__rightv4 .bn4-v1
{right:0;
	top:220px}

.banner__rightv4 .bn4-v2
{bottom:200px;
	left:0}

}

@media(max-width: 991px)
{.banner__rightv4
	{height:500px;
		width:600px}

	.banner__rightv4 .bn4-five
	{top:0;
		left:0px;
	width:140px}

.banner__rightv4 .bn4-v1
{right:320px;
	top:140px}

.banner__rightv4 .bn4-six
{bottom:0;
	right:290px;
width:140px}

.banner__rightv4 .bn4-v4
{right:277px;
	top:10px;
width:90px}

.banner__rightv4 .bn4-v3
{bottom:10px;
	left:40px;
width:90px}

.banner__rightv4 .vidposi
{position:absolute;
	top:51%;
left:24%;
transform:translate(-50%, -50%)}

.banner__rightv4 .banner4__video
{width:140px;
	height:140px}

.banner__rightv4 .banner4__video .text__circle
{width:128px}

.banner__rightv4 .banner4__video .cmn__video
{width:80px;
	height:80px}

}

@media(max-width: 767px)
{.banner__rightv4
	{margin-top:20px}

	.banner__rightv4 .bn4-six
	{bottom:0;
		right:88px}

.banner__rightv4 .bn4-v1
{position:absolute;
	right:240px;
top:40px}

.banner__rightv4 .bn4-v2
{position:absolute;
	bottom:150px;
left:90px}

.banner__rightv4 .bn4-v4
{position:absolute;
	right:80px;
top:60px}

.banner__rightv4 .vidposi
{position:absolute;
	top:45%;
left:45%}

}

@media(max-width: 575px)
{.banner__rightv4
	{width:100%}

	.banner__rightv4 .bn4-six
	{bottom:0;
		right:0}

.banner__rightv4 .bn4-v1
{position:absolute;
	right:20px;
top:0px}

.banner__rightv4 .bn4-v2
{position:absolute;
	bottom:150px;
left:30px}

.banner__rightv4 .bn4-v3
{bottom:10px;
	left:0px}

.banner__rightv4 .bn4-v4
{position:absolute;
	right:0px;
top:60px}

.banner__rightv4 .vidposi
{position:absolute;
	top:48%;
left:45%}

}

.banner4__video
{position:relative;
	width:176px;
height:176px;
border-radius:50%;
padding:5px;
background:var(--n0);
border:1.2px solid var(--n500)}

.banner4__video .text__circle
{position:absolute;
	animation:cir36 10s linear infinite}

.banner4__video .cmn__video
{background:var(--n0);
	border:1.2px solid var(--n500);
width:100px;
height:100px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:50%;
z-index:1;
left:50%;
transform:translate(-50%, -50%)}

.banner4__video .cmn__video i
{color:#2fa75f;
	font-size:60px}

.bn__five-cont
{padding-top:60px}

.bn__five-cont .empower
{border:1px solid var(--s2);
	padding:8px 24px;
border-radius:100px}

.bn__five-cont h1
{font-size:80px;
	font-weight:600}

@media(max-width: 1399px)
{.bn__five-cont h1
	{font-size:56px}

}

@media(max-width: 1199px)
{.bn__five-cont h1
	{font-size:48px}

}

@media(max-width: 991px)
{.bn__five-cont
	{padding-top:140px}

	.bn__five-cont h1
	{font-size:38px}

}

.bn5-one .vidposi
{position:absolute;
	top:-80px;
right:80px}

.bn5-one .icon-badge
{position:absolute;
	right:-20px;
top:180px;
border:5px solid var(--n0)}

@media(max-width: 1399px)
{.bn5-one .vidposi
	{right:60px}

	.bn5-one .banner4__video
	{width:140px;
		height:140px}

.bn5-one .banner4__video .text__circle
{width:128px}

.bn5-one .banner4__video .cmn__video
{width:80px;
	height:80px}

}

.bn5-two .studenbox
{width:155px;
	min-width:155px;
height:155px;
border:5px solid var(--n0);
position:absolute;
bottom:-40px;
left:80px;
animation:lfrt10 2s linear infinite}

.bn5-two .studenbox .student-vec
{position:absolute;
	bottom:-35px;
left:-35px}

@media(max-width: 1199px)
{.bn5-two .studenbox
	{width:110px;
		min-width:110px;
	height:110px}

}

.bn5-vidbox
{border:4px solid var(--n0);
	display:inline-block;
width:80px;
min-width:80px;
height:80px;
background:var(--s1);
display:flex;
align-items:center;
justify-content:center;
position:absolute;
bottom:200px;
left:-20px}

.bn5-vid
{width:55px;
	min-width:55px;
height:55px;
background:var(--n0);
display:block}

.banner__rightv5
{height:900px;
	width:727px}

.banner__rightv5 .bn5-two
{position:absolute;
	top:-70px;
left:0}

.banner__rightv5 .bn5-two .bn5-tcourse
{position:absolute;
	top:130px;
left:-220px;
animation:updown8 2s linear infinite}

.banner__rightv5 .bn5-one
{position:absolute;
	bottom:0;
right:0}

@media(max-width: 1750px)
{.banner__rightv5
	{width:627px}

	.banner__rightv5 .bn5-two
	{left:-80px}

}

@media(max-width: 1550px)
{.banner__rightv5
	{width:600px}

	.banner__rightv5 .bn5-two
	{left:-80px;
		width:420px}

.banner__rightv5 .bn5-one
{width:360px}

}

@media(max-width: 1399px)
{.banner__rightv5
	{width:500px;
		height:650px}

	.banner__rightv5 .bn5-two
	{left:-5px;
		width:300px}

.banner__rightv5 .bn5-two .bn5-vidbox
{bottom:100px}

.banner__rightv5 .bn5-one
{width:220px;
	right:40px}

}

@media(max-width: 991px)
{.banner__rightv5
	{margin-top:25px}

	.banner__rightv5 .bn5-two
	{top:0px}

.banner__rightv5 .bn5-two .bn5-tcourse
{top:60px;
	left:calc(100% - 100px)}

}

@media(max-width: 575px)
{.banner__rightv5
	{margin-top:25px;
		height:480px}

	.banner__rightv5 .bn5-two
	{width:190px;
		top:0px}

.banner__rightv5 .bn5-two .bn5-tcourse
{top:10px;
	left:calc(100% - 70px)}

.banner__rightv5 .bn5-two .bn5-vidbox
{left:100%}

.banner__rightv5 .bn5-one
{width:140px;
	right:200px}

.banner__rightv5 .bn5-one .vidposi
{display:none}

.banner__rightv5 .bn5-one .icon-badge
{right:100%}

}

@media(max-width: 430px)
{.banner__rightv5 .bn5-two .bn5-tcourse
	{display:none !important}

}

.bn6__content
{position:relative;
	z-index:1}

.bn6__content h1
{font-size:80px}

.bn6__content p
{font-size:24px;
	line-height:150%}

.bn6__content .bn6-form
{border:1px solid var(--n40);
	border-radius:100px;
background:var(--n20)}

.bn6__content .bn6-form .search-toggle
{width:100%;
	border-left:1px solid var(--n40);
padding-left:1px}

.bn6__content .bn6-form .search-toggle input
{outline:none;
	border:unset}

.bn6__content .bn6-form .icon-category
{padding-left:30px;
	padding-right:44px}

.bn6__content .bn6-form .nice-select
{display:flex;
	align-items:center}

.bn6__content .bn6-form .nice-select .list
{padding:5px 9px;
	width:200px;
background:var(--n0);
box-shadow:0px 5.12694px 25.6347px 0px rgba(0,0,0,.08);
left:-40px}

.bn6__content .bn6-form .nice-select::after
{right:-18px;
	border-bottom:2px solid var(--n500);
border-right:2px solid var(--n500)}

@media(max-width: 420px)
{.bn6__content .bn6-form
	{flex-wrap:wrap}

	.bn6__content .bn6-form .search-toggle
	{border-left:unset;
		padding-right:10px}

.bn6__content .bn6-form .icon-category
{padding-top:6px;
	padding-bottom:6px;
padding-left:16px;
padding-right:16px;
border-bottom:1px solid var(--n40);
text-align:center;
justify-content:center;
margin:0 auto}

}

@media(max-width: 1399px)
{.bn6__content h1
	{font-size:58px}

}

@media(max-width: 1199px)
{.bn6__content h1
	{font-size:44px}

	.bn6__content p
	{font-size:18px}

}

@media(max-width: 767px)
{.bn6__content
	{margin-bottom:10px}

	.bn6__content h1
	{font-size:36px}

.bn6__content p
{font-size:18px}

}

@media(max-width: 575px)
{.bn6__content
	{margin-bottom:10px}

	.bn6__content h1
	{font-size:32px}

.bn6__content p
{font-size:16px}

}

.b6-inspaire
{padding-left:14px}

.b6-inspaire::before
{position:absolute;
	left:0;
content:"";
background:var(--s2);
width:8px;
height:8px;
border-radius:50%}

.bn6-vector
{z-index:-1;
	animation:updown8 2s linear infinite}

@media(max-width: 1199px)
{.bn6-vector
	{width:500px}

}

@media(max-width: 767px)
{.bn6-vector
	{width:300px}

}

@media(max-width: 575px)
{.bn6-vector
	{width:200px;
		opacity:.2}

}

.b5-feature
{background:rgba(47,167,95,.05)}

@media(max-width: 1199px)
{.b5-feature .bn5-featureitem
	{width:33.3333333333%}

}

@media(max-width: 767px)
{.b5-feature .bn5-featureitem
	{width:33.3333333333%;
		flex-wrap:wrap}

}

@media(max-width: 480px)
{.b5-feature .bn5-featureitem
	{width:47%;
		flex-wrap:wrap}

}

.bcate
{border:1px solid var(--s2)}

.hero__seven
{overflow:hidden;
	background:rgba(47,167,95,.05)}

.bn7__content
{padding:140px 0 146px;
	position:relative;
z-index:1}

@media(max-width: 1399px)
{.bn7__content
	{padding:80px 0 84px}

	.bn7__content h1
	{font-size:58px}

}

@media(max-width: 1199px)
{.bn7__content h1
	{font-size:46px}

}

@media(max-width: 767px)
{.bn7__content
	{padding:70px 0 20px}

}

@media(max-width: 575px)
{.bn7__content h1
	{font-size:32px}

}

.bn__right7
{width:440px;
	margin-bottom:-14px}

.bn__right7 img
{width:100%;
	height:100%}

.bn__right7 .banner4__video
{position:absolute;
	top:50%;
left:0;
transform:translateY(-50%)}

.bn__right7 .banner4__video .text__circle
{width:90%;
	height:90%}

.bn__right7 .bn7-userbox
{position:absolute;
	right:-20px;
top:90px;
animation:lfrt10 2s linear infinite}

.bn__right7 .bn5-tcourse
{position:absolute;
	right:-150px;
bottom:129px;
animation:updown8 2s linear infinite}

@media(max-width: 1450px)
{.bn__right7 .bn5-tcourse
	{right:-50px}

}

@media(max-width: 1199px)
{.bn__right7
	{width:380px}

	.bn__right7 .banner4__video
	{width:120px;
		height:120px}

.bn__right7 .banner4__video .cmn__video
{width:65px;
	height:65px}

.bn__right7 .banner4__video .cmn__video i
{font-size:24px}

.bn__right7 .bn5-tcourse
{right:-10px}

}

@media(max-width: 991px)
{.bn__right7
	{width:280px}

	.bn__right7 .banner4__video
	{width:90px;
		height:90px}

.bn__right7 .banner4__video .cmn__video
{width:45px;
	height:45px}

.bn__right7 .banner4__video .cmn__video i
{font-size:20px}

.bn__right7 .bn5-tcourse
{right:-20px;
	bottom:10px}

.bn__right7 .bn7-userbox
{right:-10px;
	top:70px}

}

@media(max-width: 767px)
{.bn__right7
	{width:70%}

	.bn__right7 .bn5-tcourse
	{right:-150px;
		bottom:20px}

.bn__right7 .bn7-userbox
{right:0px;
	top:70px}

}

@media(max-width: 767px)
{.bn__right7
	{width:70%}

	.bn__right7 .bn5-tcourse
	{right:-90px;
		bottom:20px}

.bn__right7 .bn7-userbox
{right:0px;
	top:70px}

}

.bn7-vector
{z-index:-1}

@media(max-width: 1399px)
{.bn7-vector
	{opacity:.2}

}

.hero__eightsection
{padding:143px 0 120px}

@media(max-width: 991px)
{.hero__eightsection
	{padding:123px 0 120px}

}

.bn__eight-cont .second-alt::before
{border:1px solid var(--n50)}

@media(max-width: 1399px)
{.bn__eight-cont .display-one
	{font-size:76px}

}

@media(max-width: 1199px)
{.bn__eight-cont .display-one
	{font-size:56px}

	.bn__eight-cont .mx526
	{line-height:1.5;
		font-size:18px}

}

@media(max-width: 991px)
{.bn__eight-cont .mx526
	{line-height:1.5;
		font-size:15px}

	.bn__eight-cont .discover-texts
	{gap:30px}

}

@media(max-width: 767px)
{.bn__eight-cont .second-alt
	{font-size:14px;
		flex-wrap:wrap}

	.bn__eight-cont .second-alt span
	{font-size:12px}

.bn__eight-cont .second-alt i
{display:none}

.bn__eight-cont .discover-texts
{gap:20px}

}

@media(max-width: 560px)
{.bn__eight-cont .display-one
	{font-size:42px}

}

@media(max-width: 500px)
{.bn__eight-cont .display-one
	{font-size:36px}

}

@media(max-width: 480px)
{.bn__eight-cont .display-one
	{font-size:32px}

}

.bn8-thumb img
{max-width:unset}

.bn8-thumb .banner4__video
{width:124px;
	height:124px;
position:absolute;
top:-65px;
left:465px}

.bn8-thumb .banner4__video .cmn__video
{width:70px;
	height:70px}

.bn8-thumb .banner4__video .cmn__video i
{font-size:34px}

.bn8-thumb .banner4__video .text__circle
{width:92%;
	height:92%}

@media(max-width: 1399px)
{.bn8-thumb .banner4__video
	{left:400px}

}

@media(max-width: 1199px)
{.bn8-thumb .banner4__video
	{left:50%;
		top:50%;
	transform:translate(-50%, -50%)}

}

.bn__nine-cont
{padding:130px 0 140px;
	max-width:636px}

.bn__nine-cont h2
{font-size:64px;
	line-height:120%}

@media(max-width: 1199px)
{.bn__nine-cont h2
	{font-size:42px}

}

@media(max-width: 991px)
{.bn__nine-cont
	{padding:70px 0 40px}

}

@media(max-width: 767px)
{.bn__nine-cont
	{padding:60px 0 35px}

	.bn__nine-cont h2
	{font-size:36px}

}

@media(max-width: 480px)
{.bn__nine-cont h2
	{font-size:32px}

}

.bn9-thumb
{padding-bottom:36px}

.bn9-thumb .banner4__video
{position:absolute;
	bottom:180px;
left:-100px}

.bn9-thumb .mimg
{max-width:unset}

.bn9-thumb::before
{position:absolute;
	content:"";
width:838px;
height:94%;
border:1px solid var(--n50);
left:-20px;
z-index:-1;
top:32px}

@media(max-width: 1399px)
{.bn9-thumb
	{padding-bottom:0px}

	.bn9-thumb::before
	{position:absolute;
		content:"";
	height:100%;
	top:0}

}

@media(max-width: 1199px)
{.bn9-thumb
	{margin-bottom:70px}

}

@media(max-width: 991px)
{.bn9-thumb
	{margin-top:30px}

	.bn9-thumb .banner4__video
	{position:absolute;
		bottom:50%;
	left:50%;
	transform:translate(-50%, 50%)}

.bn9-thumb .mimg
{width:100%}

.bn9-thumb::before
{display:none}

}

@media(max-width: 991px)
{.bn9-thumb .banner4__video
	{width:120px;
		height:120px}

	.bn9-thumb .banner4__video .cmn__video
	{width:70px;
		height:70px}

.bn9-thumb .banner4__video .cmn__video i
{font-size:36px}

.bn9-thumb .banner4__video .text__circle
{width:90%}

}

.trustpilot-9
{margin-right:-3px}

.trustpilot-9 .bline
{width:1px;
	height:30px;
background:var(--n700)}

.trustpilot-9::before
{position:absolute;
	left:-50%;
bottom:0;
height:100%;
width:100%;
z-index:-1;
content:"";
background:var(--n20)}

@media(max-width: 991px)
{.trustpilot-9
	{padding-left:14px}

	.trustpilot-9::before
	{display:none}

.trustpilot-9 .bline
{display:none}

}

.bn__ten-cont
{max-width:660px;
	padding:130px 0 130px}

.bn__ten-cont .display-three
{font-size:80px}

@media(max-width: 1399px)
{.bn__ten-cont .display-three
	{font-size:58px}

}

@media(max-width: 1199px)
{.bn__ten-cont
	{padding:100px 0 100px}

	.bn__ten-cont .display-three
	{font-size:48px}

}

@media(max-width: 991px)
{.bn__ten-cont
	{padding:70px 0 60px}

}

@media(max-width: 767px)
{.bn__ten-cont .display-three
	{font-size:38px}

}

@media(max-width: 500px)
{.bn__ten-cont
	{padding:50px 0 50px}

	.bn__ten-cont .display-three
	{font-size:32px}

.bn__ten-cont .custom__bigbtn
{display:grid;
	flex-wrap:wrap}

}

.sponsor-v10
{margin-top:-121px}

@media(max-width: 1399px)
{.sponsor-v10
	{margin-top:-112px}

}

@media(max-width: 1199px)
{.sponsor-v10
	{margin-top:0}

}

.bn10-thumb
{margin-top:-120px;
	z-index:99}

.bn10-thumb .mimg
{max-width:unset}

@media(max-width: 1199px)
{.bn10-thumb
	{width:100%;
		margin-top:0}

	.bn10-thumb .mimg
	{max-width:100%}

}

@media(max-width: 991px)
{.bn10-thumb
	{display:none}

}

.bn10-vid
{max-width:306px;
	border-radius:100px;
height:90px}

.bn10-vid img
{border-radius:100px;
	height:100%;
width:100%}

.bn10-vid::before
{position:absolute;
	inset:0;
content:"";
width:100%;
height:100%;
opacity:.5;
background:#071431;
border-radius:100px}

.bn10-vid .popup-video
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%)}

.bn10-vid .popup-video i
{font-size:22px;
	color:var(--p1)}

@media(max-width: 991px)
{.bn10-vid
	{height:70px}

}

.bn10-vids .custom-loop-play
{width:240px;
	height:90px}

.bn10-custombtn
{min-width:148px;
	height:197px}

.bn10-custombtn::before
{border:1px solid var(--n50) !important}

.bn10-custombtn i
{color:var(--n700) !important}

.bn10-custombtn:hover i
{transform:rotate(-90deg) !important}

@media(max-width: 1399px)
{.bn10-custombtn
	{min-width:120px;
		height:150px}

}

@media(min-width: 991px)
{.courses-details-righwrap
	{transform:translateY(-120px);
		margin-bottom:-120px;
	position:sticky;
	top:120px}

}

@media(max-width: 575px)
{.thumb-courses
	{margin-bottom:36px}

	.thumb-courses .mimg
	{height:100%;
		margin-bottom:24px}

.thumb-courses .breadcrumnd
{position:initial !important;
	padding:8px 0px}

.thumb-courses .bread-rights
{display:none}

}

.bread-lefts
{width:340px;
	left:-2px;
top:-1px}

.bread-rights
{width:340px;
	top:-1px;
right:-1px}

.space-bread1
{padding:8px 24px}

@media(max-width: 1199px)
{.vidprice__item .vid-pshape
	{width:140px}

}

.courses-detailswrap-v2 .bread-rights
{left:-1px;
	top:-1px}

.courses-detailswrap-v2 .thumb-courses
{height:100%}

.comparison-thumb
{max-height:358px;
	height:358px}

.comparison-thumb::before
{position:absolute;
	inset:0;
width:100%;
height:100%;
content:"";
border-radius:16px;
background:linear-gradient(180deg, rgba(223, 255, 94, 0) 0%, rgba(223, 255, 94, 0.1) 33.4%, rgba(223, 255, 94, 0.7) 65.44%, #DFFF5E 100%)}

.comparison-thumb .comparison-thumb-cont
{position:absolute;
	left:0;
bottom:0}

.comparison-thumb img
{height:100%}

@media(max-width: 1399px)
{.comparison-thumb
	{height:auto}

}

.comparison-compare .nice-select
{border:1px solid var(--n40);
	color:var(--n500);
font-size:16px;
padding:12px 24px;
border-radius:100px}

.comparison-compare .nice-select .current
{color:var(--n500)}

.comparison-compare .nice-select::after
{right:24px}

.comparison-compare .nice-select .list
{background:var(--n0);
	padding:5px 5px;
height:20vh;
overflow-y:scroll}

@media(max-width: 991px)
{.additional-tablebox .t-responsive
	{overflow-x:scroll}

	.additional-tablebox .t-responsive .table
	{width:800px}

}

.additional-tablebox table
{width:100%}

.additional-tablebox table thead tr th
{background:var(--n20);
	font-size:16px;
color:var(--n500);
font-weight:600;
padding:16px 32px}

@media(max-width: 1399px)
{.additional-tablebox table thead tr th
	{padding:12px 12px}

}

.additional-tablebox table tbody tr:nth-child(even) td
{background:var(--n20)}

.additional-tablebox table tbody tr td
{background:var(--n0);
	font-size:16px;
color:var(--n500);
font-weight:400;
padding:16px 32px}

@media(max-width: 1399px)
{.additional-tablebox table tbody tr td
	{padding:12px 12px}

}

.additional-tablebox table tbody tr td:first-child
{font-size:16px;
	color:var(--n500);
font-weight:600}

.instructor-innerbefore
{position:relative}

.instructor-innerbefore::before
{position:absolute;
	height:320px;
top:0;
left:0;
width:100%;
background:var(--n20);
content:""}

.frontend-overview .explore__tab .tablinks
{justify-content:flex-start;
	gap:0 !important;
flex-wrap:wrap}

.frontend-overview .explore__tab .tablinks .nav-links button
{background:var(--n0);
	padding:16px 26px;
border-bottom:4px solid var(--n0)}

.frontend-overview .explore__tab .tablinks .nav-links.active button
{border-radius:0;
	background:none;
border-bottom:4px solid var(--n700)}

@media(max-width: 1399px)
{.frontend-overview .explore__tab .tablinks
	{gap:10px !important}

	.frontend-overview .explore__tab .tablinks .nav-links button
	{background:var(--n0);
		padding:12px 16px}

.frontend-overview .explore__tab .tablinks .nav-links.active button
{border-radius:0;
	background:none}

}

.commutiny-leftside .explore__tab.course-profile-tab .nav-links
{padding:0px 0px}

.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink
{padding:16px 20px !important;
	background:var(--n0);
border-bottom:4px solid var(--n0);
font-size:20px}

@media(max-width: 1399px)
{.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink
	{font-size:18px}

}

@media(max-width: 1199px)
{.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink
	{font-size:16px}

}

@media(max-width: 991px)
{.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink
	{font-size:14px}

}

.course-profile-before
{position:relative}

.course-profile-before::before
{position:absolute;
	bottom:0;
box-shadow:0px 6px 30px 0px rgba(0,0,0,.04);
content:"";
width:100%;
height:160px;
background:var(--n0);
border-radius:32px}

@media(max-width: 1199px)
{.course-profile-before
	{background:var(--n0);
		padding:14px}

	.course-profile-before::before
	{height:100%}

}

.courses-profile-body
{transform:translateY(-230px);
	margin-bottom:-230px}

@media(max-width: 1399px)
{.courses-profile-body
	{margin-top:70px;
		transform:translateY(0px);
	margin-bottom:0px}

}

.isra-box
{width:306px;
	height:306px}

.isra-box .isra-ahmed
{width:300px;
	height:300px;
position:absolute;
left:0;
bottom:0}

.isra-box .isra-ahmed img
{width:100%;
	height:100%}

.isra-box .isra-ahmed .penicon
{position:absolute;
	bottom:-2px;
right:-2px}

@media(max-width: 1399px)
{.isra-box
	{width:180px;
		height:180px}

	.isra-box .isra-ahmed
	{width:100%;
		height:100%}

}

@media(max-width: 1199px)
{.isra-box
	{width:120px;
		height:120px}

	.isra-box .isra-ahmed
	{width:100%;
		height:100%}

}

.subscribebox form input
{border:none}

.subscribebox form span
{transition:all .4s}

.subscribebox form:hover span
{transform:rotate(46deg)}

.group-profile-wrapper .tabitem
{display:none}

.group-profile-wrapper .tabitem.active
{display:block}

.chat-sidebar
{border-right:1px solid var(--n40)}

.chat-side-recent li
{padding:2px 20px}

.chat-side-recent li:not(:first-child)
{padding-top:0 !important}

.chat-side-recent li:hover a
{background:var(--n20)}

@media(max-width: 1399px)
{.chat-side-recent li
	{padding:0px 8px}

}

@media(max-width: 1199px)
{.chat-side-recent li
	{padding:0px 8px}

}

.scrolling-chat
{max-height:72vh;
	overflow-y:scroll}

.lois-active
{width:8px;
	height:8px;
border-radius:50%;
background:var(--p1);
position:absolute;
bottom:4px;
right:4px}

.chat-body-wrap .chat-body
{max-height:72vh;
	overflow-y:scroll}

.chat-body-wrap li
{max-width:40%}

.chat-body-wrap .you-message .youmessage
{margin-top:20px}

.chat-body-wrap .you-message .youmessage::before
{position:absolute;
	bottom:100%;
left:14px;
width:24px;
height:14px;
content:"";
background:var(--n0);
-webkit-clip-path:polygon(48% 26%, 0% 100%, 100% 100%);
clip-path:polygon(48% 26%, 0% 100%, 100% 100%)}

.chat-body-wrap .me-message
{margin-left:auto}

.chat-body-wrap .me-message .memessage
{margin-bottom:20px}

.chat-body-wrap .me-message .memessage::before
{position:absolute;
	top:100%;
right:14px;
width:24px;
height:14px;
content:"";
background:var(--n0);
-webkit-clip-path:polygon(53% 70%, 0 0, 100% 0);
clip-path:polygon(53% 70%, 0 0, 100% 0)}

.chat-body-wrap .me-message .img50
{margin-left:auto}

@media(max-width: 1199px)and (min-width: 991px)
{.chat-body-wrap li
	{max-width:80%}

}

@media(max-width: 991px)
{.chat-body-wrap li
	{margin-bottom:42px}

}

@media(max-width: 575px)
{.chat-body-wrap li
	{max-width:70%}

}

.active-userbox form input
{border:none}

.contact-right form .form-cmn input
{font-size:12px !important}

.contact-right form .form-cmn .nice-select
{background:var(--n20);
	border-radius:100px;
padding:14px 24px;
border:1px solid var(--n40)}

.contact-right form .form-cmn .nice-select .list
{height:20vh;
	overflow-y:scroll;
background:var(--n0);
padding:8px 8px}

.light-bulp
{position:absolute;
	top:50px;
right:50px;
width:200px}

@media(max-width: 1199px)
{.light-bulp
	{display:none}

}

.map-section iframe
{height:600px}

@media(max-width: 1199px)
{.map-section iframe
	{height:400px}

}

@media(max-width: 575px)
{.map-section iframe
	{height:350px}

}

.subscribe-map
{transform:translateY(-160px);
	margin-bottom:-160px}

.faq-wrapper-tab .explore__tab
{max-width:720px;
	margin:0 auto}

.faq-wrapper-tab .accordion-btn
{padding-right:30px}

.gallery-tab .explore__tab
{max-width:640px;
	margin:0 auto}

@media(max-width: 991px)
{.blog-classic-section,.checkout-section,.courses-detailsv-2,.courses-detailsv-2,.community-section
	{overflow:hidden !important}

}

@media(min-width: 991px)
{.blog-classic-section,.checkout-section,.courses-detailsv-2,.courses-detailsv-2,.community-section
	{overflow:visible !important}

}

.form-cmn input
{font-size:14px !important}

.form-cmn .nice-select .list
{overflow-y:scroll;
	height:20vh}

.journy-community-text form .form-cmn
{background:var(--n20);
	border-radius:100px}

.journy-community-text form .form-cmn input
{border:unset;
	outline:none;
padding:9px 14px 11px;
background:none;
color:var(--n200);
font-size:12px}

.journy-community-text form .form-cmn ::-moz-placeholder
{color:var(--n200);
	font-size:12px}

.journy-community-text form .form-cmn ::placeholder
{color:var(--n200);
	font-size:12px}

.journy-community-text form .form-cmn .nice-select
{padding-right:24px;
	padding-left:14px}

.journy-community-text form .form-cmn .nice-select::after
{width:8px;
	height:8px}

.journy-community-text form .form-cmn .nice-select .list
{background:var(--n20);
	padding:8px 8px}

.journy-community-text form .icon
{border:2px solid var(--n0)}

.journy-inner
{background:url(../../assets/images/common/journy-inner.png) no-repeat center center;
	background-size:cover}

.journy-inner::before
{position:absolute;
	content:"";
width:100%;
height:100%;
inset:0;
opacity:.75;
background:var(--bg-color-bg-color-01, #1C1D20)}

.journy-inner::after
{position:absolute;
	top:20px;
left:20px;
width:98%;
height:90%;
content:"";
border:1px solid var(--p1);
opacity:.3;
border-radius:5px}

@media(max-width: 575px)
{.journy-inner::after
	{display:none}

}

.journy__innerwrap
{padding:140px 10px}

@media(max-width: 575px)
{.journy__innerwrap
	{padding:80px 10px}

}

@media(max-width: 480px)
{.journy__innerwrap
	{padding:60px 10px}

	.journy__innerwrap h2
	{font-size:22px}

}

.counter-journy
{position:absolute;
	right:-80px;
bottom:-80px}

@media(max-width: 1600px)
{.counter-journy
	{right:14px;
		bottom:14px}

}

.sign-thumb img
{max-width:unset}

@media(max-width: 991px)
{.sign-thumb
	{width:100%}

	.sign-thumb img
	{width:100%}

}

.sign-thumb-v1
{padding-left:65px}

@media(max-width: 991px)
{.sign-thumb-v1
	{padding-left:0}

}

.eye-icon
{position:absolute;
	right:18px;
top:14px}

.privacy-rightbar
{transform:translateY(-100px);
	margin-bottom:-100px}

@media(max-width: 991px)
{.privacy-rightbar
	{transform:translateY(0px);
		margin-bottom:0px}

}

.browse-head .brow-title
{font-size:80px;
	line-height:120%}

@media(max-width: 991px)
{.browse-head .brow-title
	{font-size:48px;
		line-height:120%}

}

@media(max-width: 575px)
{.browse-head .brow-title
	{font-size:38px;
		line-height:120%}

}

@media(max-width: 500px)
{.browse-head .brow-title
	{font-size:28px;
		line-height:120%}

}

.allcourses-btn li a
{display:inline-block;
	border:1px solid #dfe0e4;
font-size:14px;
color:var(--n700);
padding:12px 24px;
border-radius:100px;
transition:all .4s}

.allcourses-btn li:hover a
{border-color:var(--s2)}

@media(min-width: 1399px)
{.sponsor__section-v6 .container
	{max-width:1600px;
		margin:0 auto}

}

.sponsor__section-v6 .sponsor6__bg
{padding:80px 152px}

@media(max-width: 1399px)
{.sponsor__section-v6 .sponsor6__bg
	{padding:70px 40px}

}

@media(max-width: 400px)
{.sponsor__section-v6 .sponsor6__bg
	{padding:60px 20px}

}

.ins__relatedbox1 {
    background: #012A58 url(../img/bg_banner_ed.png) center/cover no-repeat;
    padding: 2em;
    border-radius: 30px;
}

.ins__relatedbox1 .boxs
{max-width:310px;
	z-index:1}

.ins__relatedbox1 .vpro1
{position:absolute;
	right:0;
bottom:0}

@media(max-width: 1199px)
{.ins__relatedbox1 .vpro1
	{position:absolute;
		right:0;
	bottom:0;
	width:180px}

}

@media(max-width: 450px)
{.ins__relatedbox1 .vpro1
	{display:none}

}

.ins__relatedbox2
{background:rgba(255,199,0,.4)}

.vpro11
{position:absolute;
	left:24px;
bottom:0;
width:200px}

@media(max-width: 1399px)
{.vpro11
	{width:140px}

}

@media(max-width: 1199px)
{.vpro11
	{width:90px}

}

@media(max-width: 991px)
{.vpro11
	{display:none}

}

.course__helthservice .explore__item .thumb
{width:calc(100% - 224px);
	max-width:224px}

@media(max-width: 1399px)
{.course__helthservice .explore__item .content h6
	{font-size:14px}

	.course__helthservice .explore__item .content h5
	{font-size:22px}

.course__helthservice .explore__item .ser-see span
{font-size:16px}

}

@media(max-width: 1199px)and (min-width: 991px)
{.course__helthservice .explore__item .thumb
	{min-width:172px;
		height:236px}

	.course__helthservice .explore__item .thumb img
	{-o-object-fit:cover;
		object-fit:cover}

}

@media(max-width: 991px)
{.course__helthservice .explore__item .thumb
	{width:100%;
		max-width:100%}

	.course__helthservice .explore__item .thumb img
	{width:100%}

}

@media(min-width: 991px)
{.explore__bloglist
	{display:flex;
		align-items:center;
	gap:32px}

	.explore__bloglist .thumb
	{width:278px;
		height:234px}

.explore__bloglist .thumb img
{width:100%;
	height:100%;
-o-object-fit:cover;
object-fit:cover}

.explore__bloglist .content
{width:calc(100% - 278px)}

}

@media(min-width: 991px)and (max-width: 1399px)
{.explore__bloglist
	{gap:16px}

	.explore__bloglist .thumb
	{width:220px;
		height:234px}

.explore__bloglist .content
{width:calc(100% - 220px)}

}

@media(max-width: 991px)
{.explore__bloglist .thumb
	{width:100%}

	.explore__bloglist .thumb img
	{width:100%}

.explore__bloglist .content
{padding-top:20px}

}

.classic-linktag li a
{transition:all .4s}

.classic-linktag li a:hover
{background:var(--p1) !important}

@media(max-width: 575px)
{.blog-detailsbred
	{position:initial !important;
		padding-top:24px}

}

@media(max-width: 575px)
{.blog-detailshape
	{display:none}

}

.blog-details-right
{transform:translateY(-120px);
	margin-bottom:-120px}

@media(min-width: 991px)
{.blog-details-right
	{position:sticky;
		top:240px}

}

@media(max-width: 991px)
{.school-9thumb
	{margin-top:20px}

}

@media(max-width: 1199px)and (min-width: 991px)
{.excelent__conteight .fs20
	{font-size:18px}

}

.excelent-thumb8
{width:100%;
	height:600px}

.excelent-thumb8 .excelent8-v1
{position:absolute;
	top:0;
left:0}

.excelent-thumb8 .excelent8-v2
{border:4px solid var(--n0);
	position:absolute;
bottom:0;
right:0}

@media(max-width: 1199px)
{.excelent-thumb8 .excelent8-v1
	{width:70%}

	.excelent-thumb8 .excelent8-v2
	{width:70%}

}

@media(max-width: 991px)
{.excelent-thumb8
	{height:auto}

	.excelent-thumb8 .excelent8-v1
	{position:initial}

.excelent-thumb8 .excelent8-v2
{position:initial;
	display:none}

}

.excelent8-countent
{width:167px;
	position:absolute;
top:0;
right:0}

.excelent8-countent h3
{font-size:40px}

@media(max-width: 1399px)
{.excelent8-countent
	{top:30px}

}

@media(max-width: 991px)
{.excelent8-countent
	{top:0px}

}

@media(max-width: 767px)
{.student__countwrap .vlines
	{display:none}

}

.student__countitem
{text-align:center;
	padding:50px 4px 60px}

.student__countitem .counters
{font-size:80px}

@media(max-width: 1199px)
{.student__countitem
	{padding:30px 4px 40px}

	.student__countitem .counters
	{font-size:42px}

.student__countitem .disig
{font-size:16px}

}

@media(max-width: 767px)
{.student__countitem
	{padding:22px 4px 20px}

	.student__countitem .counters
	{font-size:36px}

.student__countitem .disig
{font-size:16px}

}

@media(max-width: 400px)
{.student__countitem
	{padding:22px 4px 20px}

	.student__countitem .counters
	{font-size:28px}

.student__countitem .disig
{font-size:14px}

}

.vlines
{position:relative;
	transition:all .4s}

.vlines::before
{position:absolute;
	top:0;
left:0;
content:"";
width:1px;
height:100%;
background:var(--n40);
display:block;
transition:all .4s}

.vlines:hover::before
{background:var(--s2) !important}

.legacy__thumb .progress
{height:6px;
	background:#f5f6f7}

.legacy__thumb .progress .progress-bar
{height:6px;
	background:#2fa75f;
border-radius:6px}

.legacy__thumb .progress2 .progress-bar
{background:#ffc700}

.legacy__thumb .progress3 .progress-bar
{background:#404a60}

.legacy__thumb .off-one
{position:absolute;
	top:40px;
right:-40px;
animation:updown8 2s linear infinite}

.legacy__thumb .off-one2
{position:absolute;
	bottom:40px;
left:-40px;
animation:lfrt10 2s linear infinite}

.legacy__thumb .legacy__sha
{position:absolute;
	left:-40px;
top:50px;
z-index:-1}

@media(max-width: 1199px)
{.legacy__thumb .off-one
	{right:-10px}

	.legacy__thumb .off-one2
	{left:-10px}

}

@media(max-width: 1199px)
{.legacy__thumb .off-one
	{top:20px;
		right:5px}

	.legacy__thumb .off-one2
	{bottom:20px;
		left:5px}

}

.thumb-team
{overflow:hidden}

.thumb-team .name__cont
{width:91%;
	position:absolute;
bottom:-60px;
left:12px;
transition:all .4s;
opacity:0;
visibility:hidden}

.thumb-team .name__cont-team
{overflow:hidden;
	position:absolute;
bottom:0;
left:0;
width:100%;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
background:linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0.4) 21.21%, rgba(28, 29, 32, 0.75) 46.89%, rgba(28, 29, 32, 0.85) 73.28%, rgba(28, 29, 32, 0.9) 100%)}

.thumb-team .team-social::before
{left:-5px;
	top:0}

.thumb-team .team-social .social-area
{z-index:1;
	position:relative}

.thumb-team .team-social .social-area li a
{width:44px;
	min-width:44px;
height:44px;
border:1px solid var(--n700)}

.thumb-team .team-social .social-area li a i
{color:var(--n700)}

.thumb-team .team-social .social-area li:hover a
{background:var(--n700)}

.thumb-team .team-social .social-area li:hover a i
{color:var(--p1)}

.thumb-team .team-social:hover::after
{background:var(--p1)}

.thumb-team .team-social:hover::before
{background:var(--n700)}

.thumb-team:hover .name__cont
{bottom:12px;
	opacity:1;
visibility:visible}

@media(max-width: 1399px)
{.thumb-team .name__cont .cont h5
	{font-size:18px}

	.thumb-team .name__cont .cont span
	{font-size:14px}

}

.team-light
{position:absolute;
	top:50px;
left:50px}

@media(max-width: 991px)
{.team-light
	{display:none}

}

.thumb-team9 .teaching-social
{position:absolute;
	top:24px;
right:24px;
overflow:hidden}

.thumb-team9 .teaching-social .social-area
{position:absolute;
	top:0;
left:0;
opacity:0;
transition:all .6s;
z-index:9}

.thumb-team9 .teaching-social:hover
{cursor:pointer;
	overflow:visible}

.thumb-team9 .teaching-social:hover .icon .social-area
{opacity:1;
	transition:all .4s}

.thumb-team9 .social-area li a
{width:44px;
	min-width:44px;
height:44px}

.thumb-team9 .social-area li a i
{color:var(--n700)}

.thumb-team9 .social-area li a:hover
{background:var(--p1) !important}

.thumb-team9 .social-area li a:hover i
{color:var(--n700)}

.thumb-team9 .name__contv8
{position:absolute;
	bottom:0;
left:0}

.thumb-team9::before
{position:absolute;
	content:"";
width:100%;
height:100%;
inset:0;
background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45.21%, rgba(0, 0, 0, 0.32) 67.45%, #000 100%);
border-radius:16px}

.masonry
{-moz-column-count:3;
	column-count:3;
margin:24px;
padding:0;
-moz-column-gap:24px;
column-gap:24px}

.masonry .item
{position:relative;
	display:inline-block;
margin:0 0 24px;
width:100%;
-webkit-transition:1s ease all;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box}

.masonry .item img
{width:100%;
	height:100%}

.masonry .item::before
{position:absolute;
	inset:0;
content:"";
width:100%;
height:100%;
opacity:.3;
background:var(--brand-color-neutral, #071431);
border-radius:16px;
transition:all .4s;
transform:scale(0)}

.masonry .item .popup-video
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%);
transition:all .4s;
opacity:0}

.masonry .item:hover::before
{transform:scale(1)}

.masonry .item:hover .popup-video
{opacity:1}

@media(max-width: 991px)
{.masonry
	{-moz-column-gap:14px;
		column-gap:14px;
	margin:14px}

	.masonry .item
	{margin:0 0 14px}

}

@media(max-width: 575px)
{.masonry
	{-moz-column-count:2;
		column-count:2}

}

@media(max-width: 500px)
{.masonry
	{-moz-column-count:1;
		column-count:1}

}

.extra-cmnitem
{position:relative;
	display:inline-block;
width:100%;
height:100%;
transition:all .4s;
box-sizing:border-box}

.extra-cmnitem img
{width:100%;
	height:100%}

.extra-cmnitem::before
{position:absolute;
	inset:0;
content:"";
width:100%;
height:100%;
opacity:.3;
background:var(--brand-color-neutral, #071431);
border-radius:16px;
transition:all .4s;
transform:scale(0)}

.extra-cmnitem .popup-video
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%);
transition:all .4s;
opacity:0}

.extra-cmnitem:hover::before
{transform:scale(1)}

.extra-cmnitem:hover .popup-video
{opacity:1}

.course__expolorewrap
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 30px 20px;}

.course__expolorewrap .explore__item
{width:31.3333333333%}

@media(max-width: 1399px)
{.course__expolorewrap
	{gap:18px 24px}

	.course__expolorewrap .explore__item
	{width:30%}

}

@media(max-width: 991px)
{.course__expolorewrap
	{display: flex;
    gap: 18px 24px;
    flex-wrap: wrap;}

	.course__expolorewrap .explore__item
	{width:45%}

}

@media(max-width: 550px)
{.course__expolorewrap
	{gap:21px 24px}

	.course__expolorewrap .explore__item
	{width:100%}

}

.explore__item .explore__text
{font-size:32px;
	transition:all .4s}

.explore__item h4 a
{font-size:30px !important}

.explore__item .ex__btn
{position:absolute;
	top:0;
left:-3px;
padding-left:8px;
z-index:1}

@media(max-width: 1399px)
{.explore__item .explore__text
	{font-size:22px}

	.explore__item h4 a
	{font-size:22px !important}

}

@media(max-width: 1399px)
{.explore__item .explore__text
	{font-size:20px}

	.explore__item h4 a
	{font-size:20px !important}

}

.ex__btn .cmn-btn
{color:var(--n700) !important}

.ex__btn .cmn-btn span
{color:var(--n700) !important}

.ex__btn .cmn-btn::after
{background:var(--p1) !important;
	top:0 !important}

.ex__btn .cmn-btn::before
{background:var(--n1) !important;
	top:5px !important}

.ex__btn:hover .cmn-btn
{cursor:default !important;
	color:var(--n700) !important}

.ex__btn:hover .cmn-btn::after
{background:var(--p1) !important;
	top:0 !important}

.ex__btn:hover .cmn-btn::before
{top:5px !important}

.ex__btn:hover .cmn-btn span
{color:var(--n700) !important}

.explore__filter .tablinks
{display:flex;
	align-items:center;
justify-content:space-between}

.explore__filter .tablinks .nav-links .tablink
{color:var(--n500);
	font-size:20px;
font-weight:600;
padding:16px 20px}

.explore__filter .tablinks .nav-links.active .tablink
{background:var(--n20);
	border-radius:16px;
font-size:20px;
font-weight:600;
color:var(--n500)}

@media(max-width: 1199px)
{.explore__filter .tablinks .nav-links .tablink
	{font-size:18px;
		font-weight:500;
	padding:8px 16px}

	.explore__filter .tablinks .nav-links.active .tablink
	{border-radius:16px;
		font-size:18px;
	font-weight:500}

}

@media(max-width: 991px)
{.explore__filter .tablinks
	{flex-wrap:wrap;
		justify-content:center}

	.explore__filter .tablinks .nav-links .tablink
	{font-size:16px;
		padding:10px 16px}

.explore__filter .tablinks .nav-links.active .tablink
{font-size:16px}

}

.position-spacebtn
{bottom:15px !important;
	right:16px !important}

.product-items .cart
{position:absolute;
	right:16px;
top:16px}

.product-items a
{transition:all .4s}

.product-items a i
{transition:all .4s}

.product-items .thumb
{overflow:hidden}

.product-items .thumb img
{transition:all .4s}

.product-items:hover .thumb
{overflow:hidden}

.product-items:hover .thumb img
{transition:all .4s;
	transform:scale(1.025)}

.product-items:hover .bbsolid-700
{border-bottom:1px solid var(--s2)}

.product-items:hover a
{color:var(--s2);
	transition:all .4s}

.product-items:hover a i
{transform:rotate(46deg);
	transition:all .4s}

@media(min-width: 991px)
{.product-leftbar
	{position:sticky;
		top:120px}

}

.product-details-shape .bread-rights
{width:400px}

.pro-rightbar
{transform:translateY(-100px);
	margin-bottom:-100px}

@media(min-width: 991px)
{.pro-rightbar
	{position:sticky;
		top:220px}

}

@media(max-width: 991px)
{.pro-rightbar
	{transform:translateY(0px);
		margin-bottom:0px}

}

.cmn-apply
{border-radius:100px}

.cmn-apply input
{outline:none}

.billing-box form input
{font-size:14px;
	color:var(--n100)}

.billing-box form ::-moz-placeholder
{font-size:14px;
	color:var(--n100)}

.billing-box form ::placeholder
{font-size:14px;
	color:var(--n100)}

.billing-box .nice-select
{background:var(--n10);
	padding:14px 24px;
border:1px solid var(--n40);
border-radius:100px;
font-size:14px}

.billing-box .nice-select .current
{color:var(--n700);
	font-size:14px}

.billing-box .nice-select .list
{background:var(--n0);
	padding:8px 8px}

.billing-box .nice-select::after
{width:8px;
	height:8px}

.payment-billing .checkmark
{position:absolute;
	left:0;
height:16px;
width:16px;
border:2px solid var(--n700) !important;
border-radius:50%}

.payment-billing .checkmark::after
{content:"";
	position:absolute;
width:4px;
height:4px;
border-radius:50%;
background:rgba(0,0,0,0)}

.payment-billing input:checked~.checkmark
{background-color:rgba(0,0,0,0);
	border:1px solid}

.payment-billing input:checked~.checkmark::after
{display:block;
	background:var(--n700)}

.subtotal-box .subitem-cart span
{width:50%}

@media(max-width: 767px)
{.product-cart table
	{width:600px;
		overflow-x:scroll}

}

.product-cart table thead tr
{border-bottom:1px solid var(--n40)}

.product-cart table thead th
{padding-bottom:12px;
	font-size:18px;
font-weight:500;
color:var(--n700)}

.product-cart table tbody tr td
{padding-top:20px;
	vertical-align:middle}

@media(max-width: 767px)
{.product-cart .table-responsive
	{margin-bottom:20px}

}

@media(min-width: 991px)
{.browse-sticy2
	{position:sticky;
		top:120px}

}

.be-none::after
{display:none !important}

.newest__filter .nice-select
{color:var(--n700);
	display:flex;
align-items:center;
gap:10px}

.newest__filter .nice-select::after
{width:8px;
	height:8px;
right:18px}

.newest__filter .nice-select .list
{width:100%;
	background:var(--n0);
padding:8px 12px}

.excelent-box{
	position: absolute;
    bottom: 60px;
    right: 90px;
    /* animation: updown8 2s linear infinite;*/

}

.excelent-box .excel-skill
{margin-bottom:-50px}

.excelent-box .excel-skill .percent-box
{width:38px;
	font-size:12px;
color:var(--n0);
display:block;
border-radius:5px;
background:var(--s1);
padding:2px 6px;
height:22px;
position:absolute;
top:-10px;
right:-10px}

.excelent-box .excel-skill .percent-box::before
{position:absolute;
	left:12px;
top:100%;
content:"";
width:13px;
height:13px;
background:var(--s1);
-webkit-clip-path:polygon(52% 100%, 0 0, 100% 0);
clip-path:polygon(52% 100%, 0 0, 100% 0)}

.excelent-box .excel-skill .world-cup
{position:absolute;
	top:40px;
left:50%;
transform:translate(-50%)}

@media(max-width: 1399px)
{.excelent-box
	{right:-50px}

}

@media(max-width: 991px)
{.excelent-box
	{right:10px;
		bottom:10px}

}

@media(max-width: 410px)
{.excelent-box
	{display:none !important}

}

.range__barcustom .price-input
{margin-top:10px;
	position:relative}

.range__barcustom .price-input .field
{display:flex;
	align-items:center;
justify-content:center;
font-size:14px;
width:16%}

.range__barcustom .price-input .field span
{font-size:14px}

.range__barcustom .separators
{margin-left:-16px}

.range__barcustom .field input
{height:100%;
	outline:none;
-moz-appearance:textfield;
background:rgba(0,0,0,0);
border:unset;
font-size:14px;
font-weight:400;
color:var(--n700);
padding:0}

.range__barcustom .field input span
{font-size:14px;
	font-weight:400;
color:var(--n700)}

.range__barcustom input[type=number]::-webkit-outer-spin-button,.range__barcustom input[type=number]::-webkit-inner-spin-button
{-webkit-appearance:none}

.range__barcustom .price-input .separator
{font-size:14px;
	font-weight:400;
color:var(--n700)}

.range__barcustom .slider
{height:6.75px;
	position:relative;
background:#dfe0e4;
border-radius:5px}

.range__barcustom .slider .progress
{height:100%;
	left:25%;
right:25%;
position:absolute;
border-radius:5px;
background:var(--n500)}

.range__barcustom .range-input
{position:relative;
	display:flex;
justify-content:center}

.range__barcustom .range-input input
{position:absolute;
	width:100%;
height:6.75px;
top:-7px;
background:none;
pointer-events:none;
-webkit-appearance:none;
-moz-appearance:none;
padding:0;
outline:none}

.range__barcustom input[type=range]::-webkit-slider-thumb
{height:17px;
	width:7px;
border-radius:5px;
background:var(--n0);
border:1.125px solid var(--n500);
pointer-events:auto;
-webkit-appearance:none;
box-shadow:0 0 6px rgba(0,0,0,.05)}

.reset__filter
{border:1px solid var(--n700);
	border-radius:100px}

.course-v8item
{transition:all .4s}

.course-v8item .icon img
{width:40px}

.course-v8item:hover
{background:var(--p1) !important}

.course-v8item .course-v81
{position:absolute;
	bottom:0;
right:0}

.courses__featuretab .tablinks
{gap:16px;
	justify-content:flex-start}

.courses__featuretab .tablinks .nav-links
{border-radius:100px !important}

.courses__featuretab .tablinks .nav-links .tablink
{border-radius:100px !important;
	padding:12px 32px;
border:1px solid var(--n500)}

.courses__featuretab .tablinks .nav-links.active
{border-radius:100px !important}

.courses__featuretab .tablinks .nav-links.active .tablink
{border:1px solid var(--p1);
	background:var(--p1) !important}

@media(max-width: 1399px)
{.courses__featuretab .tablinks .nav-links .tablink
	{padding:9px 26px;
		font-size:16px}

	.courses__featuretab .tablinks .nav-links.active
	{border-radius:100px !important}

.courses__featuretab .tablinks .nav-links.active .tablink
{padding:9px 26px;
	font-size:16px}

}

@media(max-width: 1199px)
{.courses__featuretab .tablinks
	{justify-content:center}

}

@media(max-width: 1199px)
{.courses__fetext
	{text-align:center;
		justify-content:center;
	margin:0 auto}

	.courses__fetext .sec__title
	{text-align:center;
		margin:0 auto 20px}

}

.language-course::before
{position:absolute;
	bottom:0;
left:0;
width:100%;
height:150px;
background:var(--n20);
content:"";
z-index:-1}

.language__box-course2
{background:rgba(255,200,0,.2) !important}

.language__box-course
{background:rgba(222,255,92,.5)}

.language__box-course .cmn-btn::before
{display:none}

.language__box-course .cmn-btn::after
{background:var(--bg1)}

.cmnraidus16
{border-radius:16px !important}

.cmnraidus16::after,.cmnraidus16::before
{border-radius:16px}

.explore__itemtwo .thumb
{min-width:275px;
	height:290px}

.explore__itemtwo .thumb img
{width:100%;
	height:100%}

.explore__itemtwo .explore__text
{font-size:24px}

@media(max-width: 1399px)
{.explore__itemtwo .explore__text
	{font-size:18px}

	.explore__itemtwo .cmn-btn
	{padding:12px 28px !important}

.explore__itemtwo .cmn__icon64
{width:50px;
	height:50px;
padding-right:71px !important}

.explore__itemtwo .cmn__icon64::after,.explore__itemtwo .cmn__icon64::before
{width:50px;
	height:50px}

.explore__itemtwo .content h6
{font-size:14px !important}

}

@media(max-width: 1199px)
{.explore__itemtwo .thumb
	{min-width:200px;
		height:220px}

	.explore__itemtwo .thumb img
	{width:100%;
		height:100%}

}

@media(max-width: 991px)
{.explore__itemtwo
	{width:100% !important}

	.explore__itemtwo .thumb
	{min-width:unset;
		height:unset}

.explore__itemtwo .thumb img
{width:100%;
	height:100%}

}

.instructor__section::before
{position:absolute;
	bottom:0;
content:"";
width:100%;
height:75%;
background:var(--p1)}

@media(max-width: 1199px)
{.instructor__section::before
	{height:90%;
		position:absolute;
	bottom:0;
	content:"";
	width:100%;
	background:var(--p1)}

}

@media(max-width: 991px)
{.instructor__section::before
	{height:95%}

	.instructor__section .dlr__box
	{display:none}

}

.instructor__thumb
{max-width:unset}

.instructor__thumb img
{max-width:unset}

.instructor__thumb .trp
{position:absolute;
	top:190px;
right:-80px;
width:133px;
height:133px;
animation:updown8 1.5s linear infinite}

.instructor__thumb .trp img
{width:100%;
	height:100%}

@media(max-width: 1199px)
{.instructor__thumb
	{width:100%}

	.instructor__thumb .trp
	{width:100px;
		height:100px;
	top:100px;
	right:-30px}

.instructor__thumb img
{width:100%}

}

@media(max-width: 991px)
{.instructor__thumb
	{display:none}

	.instructor__thumb .trp
	{display:none}

}

.dlr__box
{position:absolute;
	left:0;
bottom:0}

.instructor__content
{padding:20px 0px}

.instructor__content .cmn-btn::before
{background:var(--p1)}

.instructor__content .cmn-btn::after
{background:var(--bg1)}

@media(max-width: 1199px)
{.instructor__content
	{padding:60px 0}

}

.editor2
{border:1px solid var(--n40)}

.editor2 .ql-editor
{height:180px;
	background:var(--n10)}

.ql-toolbar
{width:100%}

.ql-formats
{display:flex;
	align-items:center;
justify-content:flex-end;
margin:0 auto}

.ql-toolbar.ql-snow
{border:1px solid var(--n30);
	box-sizing:border-box;
padding:8px;
border-top-right-radius:16px;
border-top-left-radius:16px;
width:100%}

.ql-container.ql-snow
{border:1px solid var(--n30);
	border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
overflow:hidden}

.apexcharts-legend-marker,.apexcharts-legend-text
{display:none !important}

.circle-dashtext li
{font-size:14px;
	font-weight:400;
color:var(--n500);
position:relative;
padding-left:10px;
display:flex;
align-items:center}

.circle-dashtext li::before
{position:absolute;
	left:0;
width:4px;
height:4px;
background:#5d69f4;
content:"";
border-radius:50%}

@media(min-width: 575px)
{.instructor-profive1 .widing-thumb
	{min-width:100px;
		height:100px;
	border-radius:50%}

	.instructor-profive1 .widing-thumb img
	{width:100%;
		height:100%}

}

@media(max-width: 575px)
{.instructor-profive1 .widing-thumb
	{width:80px}

}

.writere-v1 textarea,.writere-v1 input
{border-radius:30px;
	border:1px solid var(--n40);
background:var(--n0);
padding:12px 20px}

.tab-faq .accordion-single
{transition:all .4s}

.tab-faq .accordion-single.active
{background:var(--p1) !important}

.tab-faq .header-area .accordion-btn::before
{border-radius:50%;
	width:36px;
min-width:36px;
height:36px;
font-size:16px;
background:var(--bg1)}

.tab-faq .header-area .accordion-btn::after
{font-size:24px;
	color:var(--p1)}

.course-reviewfixed
{top:350px;
	position:sticky}

@media(max-width: 1399px)
{.course-reviewfixed
	{top:116px}

}

.journy-roaate i
{transition:all .5s}

.journy-roaate:hover i
{transform:rotate(46deg)}

.average-review-v1 .progress
{width:100%;
	background:var(--n30);
height:12px}

.average-review-v1 .progress .progress-bar
{width:100%;
	background:var(--s1)}

.comments__box .reply__content
{margin-top:30px;
	display:none}

.dnone
{display:none}

.discussion-box
{border-radius:100px}

.discussion-box input
{outline:none;
	border:unset}

.dot-fixed
{width:4px;
	height:4px;
background:var(--p1);
border-radius:50%}

.community-body
{transform:translateY(-120px);
	margin-bottom:-120px}

@media(min-width: 991px)
{.community-body .community-rightside
	{position:sticky;
		top:220px}

}

@media(max-width: 991px)
{.community-body
	{transform:translateY(30px);
		margin-bottom:0px}

}

.classic-linktag .fs20
{font-size:16px !important}

.instructor2__section
{position:relative}

@media(min-width: 1399px)
{.instructor2__section .container
	{max-width:1600px;
		margin:0 auto}

}

.bg
{ height: 400px;  
 background-image: url(../img/bg_visium.svg);
	background-size: cover; /* La imagen se ajustará para cubrir todo el contenedor */
    background-position: center; /* La imagen se centrará en el contenedor */
	}

.instructor2__wrap
{   padding:50px 152px}

@media(max-width: 1399px)
{.instructor2__wrap
	{padding:20px 30px}

}

@media(max-width: 550px)
{.instructor2__wrap
	{padding:0px 24px}

}

.growth__section::before
{position:absolute;
	bottom:0;
content:"";
width:100%;
height:40%;
background:var(--bg1);
z-index:-1}

.growth__section .vec__abc
{position:absolute;
	bottom:70px;
left:70px;
z-index:-1}

.growth__item
{transition:all .4s;
	background:var(--n0)}

.growth__item .icon
{width:124px;
	height:124px;
background:var(--bg1);
transition:all .4s}

.growth__item .online
{height:1px;
	width:60px;
background:var(--n500)}

@media(max-width: 1199px)
{.growth__item .icon
	{width:90px;
		height:90px}

}

.growth__item:hover
{background:var(--p1);
	border-color:var(--p1) !important}

.testi__oneitem
{background:var(--n20);
	transition:all .4s}

.testi__oneitem .cont .cameron
{font-size:20px;
	font-weight:600}

.testi__oneitem .ratting
{top:16px;
	left:20px}

@media(max-width: 1199px)
{.testi__oneitem .cont .cameron
	{font-size:18px}

}

.testi__oneitem .quote
{position:absolute;
	bottom:0;
right:0}

@media(max-width: 1199px)
{.testi__oneitem p
	{font-size:16px}

}

.testi__oneitem:hover
{box-shadow:#ccdbe8 3px 3px 6px 0px inset,rgba(255,255,255,.5) -3px -3px 6px 1px inset}

.testi__oneitem:hover .quote
{background:var(--p1)}

.cmn__white
{position:absolute;
	right:0;
bottom:0}

@media(max-width: 1199px)
{.cmn__white
	{width:52px}

}

@media(max-width: 1399px)
{.testi-twothumb .cmn__icon100 i
	{font-size:30px}

}

@media(max-width: 1500px)
{.testi-twotext p
	{line-height:1.5}

}

@media(max-width: 1399px)
{.testi-twotext p
	{font-size:18px}

}

.text2__shape
{width:130px}

@media(max-width: 1399px)
{.text2__shape
	{width:90px}

}

.subscribtion
{position:relative}

@media(min-width: 1399px)
{.subscribtion .container
	{max-width:1600px;
		margin:0 auto}

}

.subscribtion::before
{position:absolute;
	width:100%;
height:40%;
content:"";
background:var(--bg1);
bottom:0;
left:0;
z-index:-1}

.subscribtion__wrap
{padding:80px 152px;
	position:relative}

.subscribtion__wrap .subscribe__thumb2
{position:absolute;
	right:50px;
bottom:-1px}

@media(max-width: 1399px)
{.subscribtion__wrap
	{padding:60px 40px}

}

@media(max-width: 1199px)
{.subscribtion__wrap .subscribe__thumb2
	{right:10px;
		bottom:-1px;
	max-width:300px}

	.subscribtion__wrap .subscribe__thumb2 img
	{width:100%}

}

@media(max-width: 991px)
{.subscribtion__wrap .subscribe__thumb2
	{display:none}

}

@media(max-width: 550px)
{.subscribtion__wrap
	{padding:50px 24px}

}

.subscrib__content h3
{font-size:40px}

.subscrib__content form
{background:var(--bg1);
	border-radius:100px;
padding:4px}

.subscrib__content form input
{width:100%;
	box-shadow:none;
color:var(--n0);
font-size:14px;
outline:none;
padding:0 32px}

.subscrib__content form input:focus
{outline:none;
	box-shadow:none}

.subscrib__content form .btn__v4
{border:unset;
	background:var(--p1)}

.subscrib__content form .btn__v4 i
{color:var(--n800)}

.subscrib__content form i
{font-size:20px;
	color:var(--p1);
transition:all .4s}

.subscrib__content form span
{transition:all .4s}

.subscrib__content form ::-moz-placeholder
{font-size:14px;
	font-weight:400}

.subscrib__content form ::placeholder
{font-size:14px;
	font-weight:400}

.subscrib__content form button:hover span
{transform:rotate(46deg)}

.subscrib__content .subscrib__check .checkbox-single input:checked~.checkmark::after
{color:var(--p1)}

.subscrib__content .subscrib__check .checkbox-single .checkmark
{height:24px;
	width:24px;
border-radius:50%;
border:1px solid var(--n1);
background-color:var(--bg1)}

@media(max-width: 1199px)
{.subscrib__content h3
	{font-size:32px}

}

@media(max-width: 500px)
{.subscrib__content h3
	{font-size:18px}

}

.subscribe__thumb
{right:-70px;
	bottom:0px}

@media(max-width: 1399px)
{.subscribe__thumb
	{right:0;
		bottom:-25px}

}

@media(max-width: 1199px)
{.subscribe__thumb
	{right:0;
		bottom:-70px}

}

.trustpilot li
{background:var(--p1);
	width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center}

.excellent-truspot
{position:relative}

.excellent-truspot::before
{position:absolute;
	top:24px;
left:46%;
width:1px;
height:30px;
content:"";
background:var(--n30);
z-index:1}

@media(max-width: 991px)
{.excellent-truspot::before
	{display:none}

}

.tabcontents
{position:relative}

.tabitem
{transform:translateY(100px);
	position:absolute;
z-index:-1;
top:0;
width:100%;
opacity:0;
transition:.5s all}

.tabitem.active
{position:initial;
	z-index:1;
opacity:1;
transform:translateY(0)}

.rocket__vector
{position:absolute;
	right:100px;
top:100px;
z-index:-1;
animation:updown 2s linear infinite}

@media(max-width: 1800px)
{.rocket__vector
	{width:70px}

}

@media(max-width: 1399px)
{.rocket__vector
	{right:20px;
		top:40px}

}

@media(max-width: 991px)
{.rocket__vector
	{display:none}

}

.gorwth__light
{position:absolute;
	right:20px;
top:120px;
animation:zoominout 3s linear infinite;
z-index:-1}

@media(max-width: 1800px)
{.gorwth__light
	{display:none}

}

@keyframes updown
{50%
	{transform:translateY(-20px)}

}

@keyframes zoominout
{50%
	{transform:scale(1.05)}

}

.bn__tworight::before
{position:absolute;
	top:-80px;
content:"";
right:0;
width:380px;
height:420px;
background:rgba(223,255,94,.3);
z-index:-1}

@media(max-width: 991px)
{.bn__tworight
	{margin-top:40px}

}


.bn__tworeview__thumb__programa a:not(:first-child)
{margin-left:-10px}


.bn__tworeview__thumb__programa a img
{width:42px;
	min-width:42px;
height:42px;
border:2px solid var(--n0);
border-radius:50%}

 .bg000-color{
background:var(--n1);
}

.bn__tworeview__thumb a img
{width:42px;
	min-width:42px;
height:42px;
border:3px solid var(--n0);
border-radius:50%}

.bn__tworeview__thumb a:not(:first-child)
{margin-left:-15px}

.bn__tworeview__thumb .review__circle
{width:42px;
	min-width:42px;
height:42px;
display:block;
background:var(--n1);
border:2px solid var(--n0)}

.bn__tworeview__thumb .review__circle i
{color:var(--n0);
	font-size:20px}

.bn__tworeview__thumb.alt a img
{width:48px;
	min-width:48px;
height:48px;
border:2px solid var(--p1);
border-radius:50%}

.bn__tworeview__thumb.alt a:not(:first-child)
{margin-left:0px}

.bn__tworeview__thumb.alt a:not(:first-child)
{margin-left:0px;
	margin-top:-20px}

.bn__tworeview__thumb.alt2 a img
{width:32px;
	min-width:32px;
height:32px;
border:1px solid var(--p1);
border-radius:50%}

.bn__tworeview__thumb.alt2 a:not(:first-child)
{margin-left:-10px}

.bn__twothumb .bn__twotextf
{animation:updown8 2s linear infinite}

.bn__twothumb .bn__twotext2
{margin-left:70px;
	animation:lfrt10 2s linear infinite}

.bn__twothumb .bn__twotext3
{position:absolute;
	right:-100px;
animation:lfrt10 2s linear infinite}

.bn__twothumb .bn__twoman
{width:196px;
	animation:updown8 2s linear infinite}

.bn__twothumb .bn__twoman1
{margin-right:-40px}

@media(max-width: 1520px)
{.bn__twothumb .bn__twotext3
	{right:-10px}

}

@media(max-width: 1399px)
{.bn__twothumb .bn__twotext3
	{right:0px}

	.bn__twothumb .bn__twoman1
	{margin-right:-5px}

.bn__twothumb .bn__twotext2
{margin-left:-70px}

.bn__twothumb .bn__twotext1 .pragraph
{font-size:15px}

}

@media(max-width: 991px)
{.bn__twothumb .bn__twotext3
	{top:-50px;
		right:33%}

	.bn__twothumb .bn__twoman2
	{position:absolute;
		top:-200px;
	left:33%}

.bn__twothumb .bn__twotext2
{margin-left:-18px}

.bn__twothumb .bn__tworeview__thumb
{position:absolute;
	right:10px;
top:110px}

}

@media(max-width: 767px)
{.bn__twothumb .bn__twotext3
	{top:-50px;
		right:33%;
	position:initial}

	.bn__twothumb .bn__twoman2
	{display:none}

.bn__twothumb .bn__twotext2
{margin-left:-5px}

.bn__twothumb .bn__tworeview__thumb
{right:10px;
	top:50px;
position:initial;
margin-top:-90px !important}

}

@media(max-width: 410px)
{.bn__twothumb .bn__twoman1
	{display:none}

}

.job
{width:48px;
	min-width:48px;
height:48px;
background:#875bf7}

.job.job2
{background:#40b25b}

.job-s2
{width:48px;
	min-width:48px;
height:48px;
background:#ffc700}

.job-s3
{width:38px;
	min-width:38px;
height:38px;
background: rgb(255 87 34 / 58%);
}

.callicon
{width:32px;
	min-width:32px;
height:32px;
transition:all .4s}

.callicon i
{color:var(--p1)}

.callicon:hover
{background:var(--p1) !important}

.callicon:hover i
{color:var(--n1)}

.call__icons
{position:absolute;
	bottom:20px;
left:50%;
transform:translate(-50%)}

.count__bntwo
{display:flex}

@media(max-width: 410px)
{.count__bntwo
	{flex-wrap:wrap}

	.count__bntwo .bn__twocount
	{width:100%}

}

@media(max-width: 991px)
{.count__bntwo
	{margin-top:-170px}

}

@media(max-width: 991px)and (max-width: 767px)
{.count__bntwo
	{margin-top:-1px}

}

@keyframes updown8
{50%
	{transform:translateY(-8px)}

}

@keyframes lfrt10
{50%
	{transform:translateX(-8px)}

}

.marque__section
{padding:120px 0}

@media(max-width: 1399px)
{.marque__section
	{padding:90px 0}

}

@media(max-width: 991px)
{.marque__section
	{padding:60px 0}

}

.marquee-wrapper
{background:var(--p1);
	box-shadow:0px 4px 0px 0px #1c1d20;
position:relative;
overflow:hidden;
white-space:nowrap;
transform:rotate(-5deg);
margin-right:-20px;
margin-left:-20px}

.text-slider
{padding:13px 20px;
	font-size:32px;
height:100px;
font-weight:600;
color:var(--white);
text-transform:capitalize}

@media(max-width: 1199px)
{.text-slider
	{padding:15px 16px}

}

@media(max-width: 991px)
{.text-slider
	{padding:20px 16px;
		font-size:20px}

}

.marquee-wrapper
{position:relative;
	overflow:hidden;
white-space:nowrap}

.marquee-inner
{position:absolute;
	display:inline-flex;
width:200%}

.marquee-list
{float:left;
	width:50%}

.marquee-item
{float:left;
	transition:animation .2s ease-out}

.marquee-inner.to-left
{animation:marqueeLeft 25s linear infinite}

@keyframes marqueeLeft
{0%
	{left:0}

	100%
	{left:-100%}

}

.online-courseitem
{transition:all .4s}

.online-courseitem .icon
{transition:all .4s}

.online-courseitem .arow-icon
{transition:all .4s}

.online-courseitem .course-hovers
{padding:8px 16px;
	border-radius:100px;
transition:all .4s}

.online-courseitem:hover
{border-color:var(--s2) !important;
	background:var(--n0) !important}

.online-courseitem:hover .course-hovers
{background:var(--p1)}

.online-courseitem:hover .arow-icon
{transform:rotate(46deg) !important}

.online-courseitem:hover .icon
{border-color:var(--s2) !important;
	transform:rotate(-20deg) !important}

.online-courseitem-v2
{background:rgba(47,167,95,.05)}

.online-courseitem-v2 .icon svg
{width:35px}

.online-courseitem-v2 .icon img
{width:34px;
	filter:sepia(10%)}

.online-courseitem-v2:hover
{background:var(--s2) !important;
	border-color:var(--s2) !important}

.online-courseitem-v2:hover .cont h5
{color:var(--n0)}

.online-courseitem-v2:hover .cont .cor
{color:var(--n0)}

.online-courseitem-v2:hover .arow-icon
{background:var(--n0) !important;
	border-color:var(--n0) !important}

.ser-see
{border-bottom:1px solid var(--n700);
	transition:all .5s}

.ser-see i
{transition:all .4s}

.ser-see:hover
{color:var(--s2);
	border-bottom:1px solid var(--s2) !important}

.ser-see:hover i
{color:var(--s2);
	transform:rotate(46deg);
padding-left:2px}

.cmnhober-rotate
{transition:all .5s}

.cmnhober-rotate i
{transition:all .4s}

.cmnhober-rotate:hover
{color:var(--s2) !important;
	border-bottom:1px solid var(--s2) !important}

.cmnhober-rotate:hover i
{color:var(--s2) !important;
	transform:rotate(46deg) !important;
padding-left:2px !important}

.course__explorewrp6 .explore__item
{transition:all .4s;
	border:1px solid var(--n30)}

.course__explorewrp6 .explore__item:hover
{border-color:var(--s2)}

.course__explorewrp6 .explore__item:hover h4 a
{color:var(--s2)}

.courses__section7 .explore__item
{transition:all .4s;
	border:1px solid var(--n30)}

.courses__section7 .explore__item:hover
{border-color:var(--s2)}

.courses__section7 .explore__item:hover h4 a
{color:var(--s2)}

.upco-thumb .cmn__video
{position:absolute;
	top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1}

.upco-thumb::before
{position:absolute;
	inset:0;
content:"";
width:100%;
height:100%;
background:var(--p1);
opacity:.2}

.upcomming-item .datebox
{width:120px;
	border-right:0px dashed var(--n60)}

.upcomming-item .joinbox
{width:195px;
	border-left:0px dashed var(--n60);
display:flex;
align-items:center;
justify-content:flex-end}

.upcomming-item .joinbox a
{width:initial}

@media(max-width: 1399px)
{.upcomming-item
	{flex-wrap:wrap;
		display:grid}

	.upcomming-item .datebox
	{width:100%;
		border-right:unset;
	border-bottom:0px dashed var(--n30);
	padding-bottom:10px;
	margin-bottom:10px}

.upcomming-item .joinbox
{width:100%;
	justify-content:flex-start;
border-left:unset}

.upcomming-item .cod-text
{margin-bottom:16px}

}

.ptext636
{max-width:800px}

.world-satisfied
{min-width:228px;
	height:324px;
padding:80px 8px;
border-radius:100px}

.world-satisfied .cmn__icon56
{position:absolute;
	top:14px;
right:14px}

.world-satisfied .cmn__icon56::after
{background:var(--bg1)}

.world-satisfied .cmn__icon56::before
{background:var(--p1)}

.world-satisfied .cmn__icon56:hover i
{transform:rotate(0deg)}

@media(max-width: 1199px)
{.world-satisfied
	{min-width:140px;
		padding:100px 8px;
	height:250px}

}

@media(max-width: 400px)
{.worldwide__counter
	{flex-wrap:wrap}

	.worldwide__counter .world-satisfied
	{width:100%;
		margin-top:10px;
	margin-bottom:10px}

}

.circle-area
{transition:transform .5s}

.instructor-v7item .thumb
{padding:24px}

.instructor-v7item .thumb .instructor__vector
{position:absolute;
	left:50%;
top:50%;
transform:translate(-50%, -50%) rotate(-60deg);
z-index:-1;
transition:all .9s}

.instructor-v7item .thumb .social-44
{position:absolute;
	left:0%;
top:50%;
z-index:1;
transform:scale(0);
transition:all .4s}

.instructor-v7item .thumb .mimg::before
{position:absolute;
	content:"";
top:50%;
left:50%;
width:200px;
height:200px;
border-radius:100%;
padding:24px;
z-index:1;
opacity:0;
background:var(--brand-color-neutral, #071431);
transform:translate(-50%, -50%);
transition:all .4s}

.instructor-v7item:hover .thumb .circle-area .instructor__vector
{transform:translate(-50%, -50%) rotate(60deg)}

.instructor-v7item:hover .mimg::before
{opacity:.2}

.instructor-v7item:hover .social-44
{left:50%;
	transform:translate(-50%, -50%)}

@keyframes ro
{50%
	{transform:translate(-50%, -50%)}

}

.mx526
{max-width:520px}

.testimonial__onewrap6 .swiper-slide.swiper-slide-active .testi__oneitem
{border-color:var(--s2) !important;
	background:rgba(47,167,95,.05)}

.community-hub
{background:var(--n0)}

.community-hub::before
{position:absolute;
	content:"";
bottom:0;
left:0;
background:url(../../assets/images/common/ex1.png) no-repeat center center;
background-size:cover;
width:100%;
height:100%;
opacity:0;
transition:all .4s}

.community-hub::after
{position:absolute;
	content:"";
inset:0;
width:100%;
height:100%;
background:rgba(7,20,49,.68);
opacity:0;
transition:all .4s}

.community-hub .box
{position:relative;
	z-index:1}

.community-hub p
{transition:all .4s}

.community-hub:hover::before
{opacity:1}

.community-hub:hover::after
{opacity:1}

.community-hub:hover h5 a
{color:var(--n0)}

.community-hub:hover p
{color:var(--n0)}

.sucbadge
{display:inline-block;
	color:#2fa75f !important;
border-bottom:2px solid #2fa75f}

.excelent-twothumb .idea
{box-shadow:0px 6px 30px 0px rgba(47,167,95,.53);
	position:absolute;
top:50px;
left:-40px;
animation:updown8 2s linear infinite}

.excelent-twothumb .off-one
{position:absolute;
	bottom:50px;
left:-60px;
animation:lfrt10 2s linear infinite}

.excelent-twothumb .off-two
{position:absolute;
	right:-60px;
top:50px;
/*animation:lfrt10 2s linear infinite*/
}

@media(max-width: 1399px)
{.excelent-twothumb .idea img
	{width:26px}

}

@media(max-width: 1199px)
{.excelent-twothumb .idea
	{top:15px;
		left:15px}

	.excelent-twothumb .off-one
	{left:15px;
		bottom:1px}

}

@media(max-width: 1199px)
{.excelent-twothumb .off-two
	{right:15px;
		top:15px}

}

.excelent__list .cmn__icon80 img
{width:40px}

@media(max-width: 1399px)
{.excelent__list .cmn__icon80 img
	{width:30px}

}

@media(max-width: 991px)
{.certificate__thumb
	{width:100%}

	.certificate__thumb img
	{width:100%}

}

@media(max-width: 575px)
{.certificate__thumb
	{margin-top:-40px}

}

.free__liveitem .video__cmn
{position:absolute;
	top:50%;
right:50%;
transform:translate(50%, -50%)}

.free__liveitem .livestudent
{padding-left:15px}

.free__liveitem .livestudent::before
{position:absolute;
	width:8px;
height:8px;
border-radius:50%;
background:#ffc700;
content:"";
left:0}

.scom-thumb .student__countitem
{position:absolute;
	right:0;
bottom:0}

.educational__event::before
{position:absolute;
	top:0;
left:0;
height:56%;
width:100%;
content:"";
background:var(--n20)}

@media(max-width: 1399px)
{.event-eduitem .content h4 a
	{font-size:20px}

}

@media(max-width: 1399px)
{.edu__shape
	{width:75px}

}

@media(max-width: 1399px)
{.edub__shape
	{width:140px;
		height:100px}

}

@media(max-width: 1199px)
{.edub__shape
	{width:115px;
		height:75px}

}

.educational__innerbg::before
{position:absolute;
	top:0;
left:0;
height:550px;
width:100%;
content:"";
background:var(--bg1)}

.event-border
{position:relative;
	display:block}

.event-border::before
{position:absolute;
	content:"";
left:0;
border:dashed 1px var(--n500);
height:150px}

@media(max-width: 991px)
{.event-border
	{display:none}

}

.event-form .input-area
{border:1px solid var(--n500)}

.event-form input
{color:var(--n40);
	font-size:16px}

.event-form ::-moz-placeholder
{color:var(--n40)}

.event-form ::placeholder
{color:var(--n40)}

.event-details .bread-rights
{width:380px;
	top:-3px;
right:-3px}

@media(max-width: 575px)
{.event-details .thumb-courses .space-bread1
	{background:var(--n0);
		padding:20px 16px 24px}

	.event-details .bread-rights
	{display:none}

}

.auto-renews-shadow .switch-label
{text-align:center;
	opacity:.6;
font-size:18px;
cursor:pointer;
padding:0 12px;
color:var(--n0)}

.auto-renews-shadow .switch-label .save-money
{color:#3498db;
	font-style:italic;
padding-left:.5rem}

.auto-renews-shadow .save-money--mobile
{color:#3498db;
	font-style:italic;
display:none}

.auto-renews-shadow .switch-label.active
{opacity:1}

.auto-renews-shadow .switch
{position:relative;
	display:inline-block;
width:59px;
height:32px;
vertical-align:-50%;
margin:0}

.auto-renews-shadow .switch input
{display:none}

.auto-renews-shadow .slider
{position:absolute;
	cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:var(--n20) !important;
border-radius:34px;
transition:.1s}

.auto-renews-shadow .slider:before
{position:absolute;
	content:"";
height:28px;
width:28px;
right:0%;
bottom:2px;
padding-right:2px;
background-color:var(--n60) !important;
border-radius:50%;
transition:.1s}

.auto-renews-shadow .beforenone::after
{display:none !important}

.auto-renews-shadow .beforenone::before
{display:none !important}

.auto-renews-shadow #js-pricing-switch2 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews-shadow #js-pricing-switch2 input:checked+.slider:before
{right:calc(100% - 30px)}

.auto-renews-shadow #js-pricing-switch4 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews-shadow #js-pricing-switch4 input:checked+.slider:before
{right:calc(100% - 30px)}

.auto-renews-shadow #js-pricing-switch7 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews-shadow #js-pricing-switch7 input:checked+.slider:before
{right:calc(100% - 30px)}

.auto-renews-shadow #js-pricing-switch9 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews-shadow #js-pricing-switch9 input:checked+.slider:before
{right:calc(100% - 30px)}

@media(max-width: 980px)
{.auto-renews-shadow .switch-label
	{display:inline-block;
		width:auto}

	.auto-renews-shadow .save-money
	{display:none}

.auto-renews-shadow .save-money--mobile
{display:block;
	font-weight:bold}

}

.auto-renews .switch-label
{text-align:center;
	opacity:.6;
font-size:18px;
cursor:pointer;
padding:0 12px;
color:var(--n0)}

.auto-renews .switch-label .save-money
{color:#3498db;
	font-style:italic;
padding-left:.5rem}

.auto-renews .save-money--mobile
{color:#3498db;
	font-style:italic;
display:none}

.auto-renews .switch-label.active
{opacity:1}

.auto-renews .switch
{position:relative;
	display:inline-block;
width:59px;
height:32px;
vertical-align:-50%;
margin:0}

.auto-renews .switch input
{display:none}

.auto-renews .slider
{position:absolute;
	cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:var(--p1);
border-radius:34px;
transition:.1s}

.auto-renews .slider:before
{position:absolute;
	content:"";
height:28px;
width:28px;
left:0px;
bottom:2px;
background-color:var(--bg1);
border-radius:50%;
transition:.1s}

.auto-renews #js-pricing-switch input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews #js-pricing-switch input:checked+.slider:before
{transform:translateX(calc(100% + 1px))}

.auto-renews #js-pricing-switch3 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews #js-pricing-switch3 input:checked+.slider:before
{transform:translateX(calc(100% + 1px))}

.auto-renews #js-pricing-switch5 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews #js-pricing-switch5 input:checked+.slider:before
{transform:translateX(calc(100% + 1px))}

.auto-renews #js-pricing-switch6 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews #js-pricing-switch6 input:checked+.slider:before
{transform:translateX(calc(100% + 1px))}

.auto-renews #js-pricing-switch8 input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.auto-renews #js-pricing-switch8 input:checked+.slider:before
{transform:translateX(calc(100% + 1px))}

@media(max-width: 980px)
{.auto-renews .switch-label
	{display:inline-block;
		width:auto}

	.auto-renews .save-money
	{display:none}

.auto-renews .save-money--mobile
{display:block;
	font-weight:bold}

}

.pricing__section .switch-label
{text-align:center;
	opacity:.6;
font-size:18px;
cursor:pointer;
padding:0 12px;
color:var(--n0)}

.pricing__section .switch-label .save-money
{color:#3498db;
	font-style:italic;
padding-left:.5rem}

.pricing__section .save-money--mobile
{color:#3498db;
	font-style:italic;
display:none}

.pricing__section .switch-label.active
{opacity:1}

.pricing__section .switch
{position:relative;
	display:inline-block;
width:73px;
height:40px;
vertical-align:-50%;
border:1px solid #4c4343;
margin:0;
border-radius:100px}

.pricing__section .switch input
{display:none}

.pricing__section .slider
{position:absolute;
	cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:var(--bg2);
border-radius:34px;
transition:.1s}

.pricing__section .slider:before
{position:absolute;
	content:"";
height:36px;
width:36px;
left:0px;
bottom:2px;
background-color:var(--p1);
border-radius:50%;
transition:.1s}

.pricing__section #js-pricing-switch input:focus+.slider
{box-shadow:0 0 1px #2196f3}

.pricing__section #js-pricing-switch input:checked+.slider:before
{transform:translateX(calc(100% - 2px))}

@media(max-width: 980px)
{.pricing__section .switch-label
	{display:inline-block;
		width:auto}

	.pricing__section .save-money
	{display:none}

.pricing__section .save-money--mobile
{display:block;
	font-weight:bold}

}

.pricing__item
{padding:40px 40px 154px;
	transition:all .5s}

.pricing__item .pri__shpet
{width:210px}

.pricing__item .pri__cuss
{width:180px;
	height:92px}

.pricing__item .icon
{width:90px;
	min-width:90px;
height:90px}

.pricing__item .icon i
{font-size:46px}

.pricing__item .pri-list li
{transition:all .4s}

.pricing__item .price__count .adjust span
{font-size:56px;
	color:var(--p1);
font-weight:600;
line-height:76px;
transition:all .4s}

@media(max-width: 1399px)
{.pricing__item
	{padding:20px 20px 134px}

	.pricing__item .pri__shpet
	{width:195px}

.pricing__item .pri__shpeb
{width:90px}

.pricing__item .cmn__icon88 i
{font-size:30px}

.pricing__item .icon
{width:60px;
	min-width:60px;
height:60px}

.pricing__item .icon i
{font-size:23px}

}

@media(max-width: 1199px)
{.pricing__item .pri__shpet
	{width:175px;
		height:75px}

	.pricing__item .pri-list li
	{font-size:16px}

}

.pricing__item.active,.pricing__item:hover
{background:var(--p1) !important}

.pricing__item.active .pri-list li,.pricing__item:hover .pri-list li
{color:var(--n700)}

.pricing__item.active .pri-list li i,.pricing__item:hover .pri-list li i
{color:var(--n700) !important}

.pricing__item.active .pri-list .opa04,.pricing__item:hover .pri-list .opa04
{opacity:1}

.pricing__item.active .price__count .month,.pricing__item:hover .price__count .month
{color:var(--n700)}

.pricing__item.active .price__count .adjust span,.pricing__item:hover .price__count .adjust span
{color:var(--n700)}

.bgnone-p1
{border-radius:50%;
	overflow:hidden}

.bgnone-p1:hover
{background:rgba(0,0,0,0)}

.instructor__thumb8
{margin-bottom:-50px}

@media(max-width: 1199px)
{.instructor__thumb8
	{width:400px}

}

.story__change
{position:relative}

.story__change .file-upload
{display:none}

.story__change img
{width:100%;
	height:100%}

.story__change .p-image
{position:absolute;
	bottom:20px;
left:50%;
transform:translate(-50%);
text-align:center;
margin:0 auto;
width:100%;
transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}

.story__change .p-image .boxes
{position:relative;
	z-index:1}

.story__change .p-image .boxes:hover
{cursor:pointer}

.group-change
{width:160px;
	height:160px}

.group-change .penicon
{position:absolute;
	bottom:20px;
right:0}

.group-change .penicon input
{position:absolute;
	outline:none;
border:unset;
width:100%;
height:100%;
top:0;
left:0;
opacity:0}

.group-change img
{width:100%;
	height:100%}

@media(max-width: 1199px)
{.group-change
	{width:110px;
		height:110px}

}

.penicon
{position:relative}

.penicon input
{position:absolute;
	outline:none;
border:unset;
width:100%;
height:100%;
top:0;
left:0;
opacity:0}

.post-border:not(:last-child)
{border-right:1px dashed var(--n40);
	padding-right:8px}

.post-border:not(:first-child)
{padding-left:8px}

.commutiny-leftside .explore__tab .nav-links .tablink
{padding:16px 38px !important}

@media(max-width: 480px)
{.commutiny-leftside .explore__tab .nav-links .tablink
	{font-size:14px;
		padding:6px 10px !important;
	border-radius:5px;
	border-bottom:1px solid var(--n700) !important}

}

@media(max-width: 480px)
{.commutiny-leftside .explore__tab .nav-links.active .tablink
	{font-size:14px}

}

@media(max-width: 1199px)
{.commutiny-leftside .explore__tab .nav-links .tablink
	{font-size:14px;
		padding:6px 10px !important;
	border-radius:5px;
	border-bottom:1px solid var(--n700) !important}

}

@media(max-width: 1199px)and (max-width: 480px)
{.commutiny-leftside .explore__tab .nav-links.active .tablink
	{font-size:14px}

}

.story-box .small-pro
{position:absolute;
	top:20px;
left:20px}

.main-story
{position:relative}

.main-story .slider-btn
{position:absolute;
	bottom:50%;
left:0;
z-index:1;
width:100%;
transform:translateY(50%);
transition:all .4s}

.main-story .slider-btn:hover i
{transform:rotate(0deg)}

.main-story .story-next
{margin-left:16px}

.main-story .story-prev
{margin-right:16px}

@media(min-width: 1399px)
{.main-story .slider-btn
	{opacity:0}

	.main-story:hover .slider-btn
	{opacity:1}

}

.add-post textarea
{font-size:14px;
	color:var(--n200);
outline:none;
border:unset}

.add-post ::-moz-placeholder
{font-size:14px;
	color:var(--n200)}

.add-post ::placeholder
{font-size:14px;
	color:var(--n200)}

.thumb-faculty .iconbox
{position:absolute;
	bottom:-30px;
right:15px}

.thumb-faculty .iconbox .team-social
{position:absolute;
	bottom:0;
right:0;
opacity:0;
transition:all .6s;
z-index:9}

.thumb-faculty .iconbox:hover
{cursor:pointer}

.thumb-faculty .iconbox:hover .team-social
{bottom:0;
	opacity:1}

.all-sucess-students .student__countitem
{border-radius:32px;
	transition:all .4s}

.all-sucess-students .student__countitem .counters
{-webkit-text-stroke:2px #fff;
	-webkit-text-fill-color:rgba(0,0,0,0)}

.all-sucess-students .student__countitem .disig
{color:var(--n0);
	transition:all .4s}

.all-sucess-students .student__countitem:hover
{background:var(--p1)}

.all-sucess-students .student__countitem:hover .counters
{color:var(--n700);
	-webkit-text-stroke:2px var(--n700);
-webkit-text-fill-color:var(--n700)}

.all-sucess-students .student__countitem:hover .disig
{color:var(--n7) !important}

.faq .header-area
{cursor:pointer}

.faq .header-area button
{font-size:inherit}

@media(max-width: 1199px)
{.faq .header-area button
	{padding-right:16%}

}

.faq .header-area button::before,.faq .header-area button::after
{position:absolute;
	z-index:1;
right:0;
border-radius:5px}

.faq .header-area button::before
{content:"\f0d7";
	background-color:var(--p1);
width:38px;
min-width:38px;
height:38px;
transition:var(--transition)}

@media(max-width: 575px)
{.faq .header-area button::before
	{width:28px;
		min-width:28px;
	height:28px;
	padding-right:20px}

}

.faq .header-area button::after
{content:"\f078";
 font-family: "Font Awesome 5 Free";
font-size:24px;
transform:rotate(0deg);
transition:var(--transition);
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
color:rgba(var(--p2-fixed));
width:38px;
min-width:38px;
height:38px}

@media(max-width: 1199px)
{.faq .header-area button::after
	{font-size:20px !important}

}

@media(max-width: 575px)
{.faq .header-area button::after
	{width:36px;
		min-width:36px;
	height:36px;
	justify-content:center}

}

.faq .content-area
{display:none}

.faq .active button::after
{content:"\f0d7";
	transform:rotate(180deg)}

.faq .active button::before
{background-color:var(--s1)}

.faq-cmn .accordion-single.active .header-area
{background:var(--n30)}

.faq-cmn .header-area
{cursor:pointer}



.faq-cmn .header-area button
{font-size:16px}


/*.faq-cmn .header-area button
{font-size:inherit}*/





@media(max-width: 575px)
{.faq-cmn .header-area button
	{padding-right:15%}

}

.faq-cmn .header-area button::before,.faq-cmn .header-area button::after
{position:absolute;
	z-index:1;
right:0;
border-radius:5px}

.faq-cmn .header-area button::after
{content:"\f078";
	padding-top: 5px;
	font-family:"Font Awesome 5 Free";
font-size:14px;
transform:rotate(0deg);
transition:var(--transition);
font-weight:900}

.faq-cmn .content-area
{display:none}

.faq-cmn .active button::after
{content:"\f078";
	transform:rotate(180deg)}

.cmn-accorborder
{border-left:4px solid rgba(28,29,32,.3)}

.student-banner-content
{transform:translateY(-80px);
	margin-bottom:-80px;
border-radius:0 0 16px 16px}

@media(max-width: 991px)
{.student-banner-content
	{transform:translateY(0px);
		margin-bottom:0px}

}

.earn-countwrap
{padding:40px 0}

.earn-countwrap .earn-count-item
{border-right:1px dashed var(--n50);
	padding:0 24px}

.earn-countwrap .earn-count-item .max93
{max-width:93px}

@media(max-width: 767px)
{.earn-countwrap
	{margin-top:20px;
		border-top:1px dashed var(--n50);
	order:1}

	.earn-countwrap .earn-count-item
	{padding:0 10px}

.earn-countwrap .earn-count-item:last-child
{border:unset}

}

.student-img .penicon
{position:absolute;
	bottom:2px;
right:2px}

.student-social
{border-left:1px dashed var(--n50);
	padding:30px 60px}

.student-social li .cmn-btn
{width:40px;
	min-width:40px;
height:40px;
background:var(--bg1)}

.student-social li .cmn-btn::before,.student-social li .cmn-btn::after
{width:40px;
	min-width:40px;
height:40px;
top:0}

.student-social li .cmn-btn i
{color:var(--p1)}

.student-social li .cmn-btn:hover i
{color:var(--n500)}

.student-social li .cmn-btn:hover::before
{left:-4px;
	top:0;
background:var(--bg1)}

.student-social li .cmn-btn:hover::after
{background:var(--p1);
	left:0;
top:0}

@media(max-width: 991px)
{.student-social
	{padding:5px 30px}

}

@media(max-width: 767px)
{.student-social
	{text-align:center;
		border-top:1px dashed var(--n50);
	padding-top:18px;
	border-left:unset;
	padding-left:0}

	.student-social ul
	{justify-content:center}

}

.student-profilebox
{width:400px;
	margin-top:-80px;
padding-bottom:24px}

@media(max-width: 991px)
{.student-profilebox
	{margin-top:0;
		padding-bottom:0}

}

@media(max-width: 767px)
{.student-profilebox
	{width:auto;
		margin:24px auto}

}

.mycourses-table
{overflow:hidden}

.mycourses-table table
{width:100%}

.mycourses-table table thead tr th
{font-size:16px;
	font-weight:600;
color:var(--n500);
padding:18px 20px;
background:var(--n20)}

.mycourses-table table tbody tr
{vertical-align:middle}

.mycourses-table table tbody tr:nth-child(even) td
{background:var(--n20)}

.mycourses-table table tbody tr td
{background:var(--n0);
	font-size:16px;
color:var(--n500);
font-weight:400;
padding:16px 16px}

@media(max-width: 1399px)
{.mycourses-table table tbody tr td
	{padding:12px 12px}

}

.mycourses-table table tbody tr td:first-child
{font-size:16px;
	color:var(--n500);
font-weight:600}

.mycourses-table table tbody tr td .progress
{width:60px;
	background:var(--n30);
height:4px;
border-radius:10px}

.mycourses-table table tbody tr td .progress .progress-bar
{width:100%;
	background:var(--s1);
border-radius:10px}

@media(max-width: 1199px)
{.customtable-responsive
	{overflow:scroll}

	.customtable-responsive table
	{width:900px}

}

.dashboad-language
{border:1px solid var(--n30) !important;
	font-size:12px !important;
width:110px;
color:var(--n500);
border-radius:100px;
text-align:center;
padding:9px 8px}

.dashboad-language .nice-select
{border:1px solid var(--n30) !important;
	font-size:12px !important;
width:110px;
color:var(--n500);
border-radius:100px}

.dashboad-language .nice-select .current
{font-size:12px !important}

.dashboad-language .nice-select .list
{padding:8px 8px;
	background:var(--n0)}

.dashboad-language .nice-select .list option
{font-size:12px !important}

.dashboad-language .nice-select::after
{width:7px;
	height:7px}

.dbg-clr1
{background:rgba(223,255,94,.2)}

.dbg-clr2
{background:rgba(255,199,0,.1)}

.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem
{padding:12px 16px;
	background:var(--n0);
border-radius:100px;
border-left:4px solid var(--n0);
transition:all .4s}

.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem.active,.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem:hover
{background:var(--p1);
	border-left:4px solid var(--bg1)}

.used-plan .progress
{height:8px}

.used-plan .progress .progress-bar
{background:var(--s1)}

.max500
{max-width:500px}

.renewal-list
{margin:0 0 -16px}

.renewal-list li
{width:33.3333333333%;
	padding:0 0 16px}

@media(max-width: 1199px)
{.renewal-list li
	{width:50%}

}

@media(max-width: 550px)
{.renewal-list li
	{width:100%}

}

.curriculum-dashboard-faq .header-area .accordion-btn::before
{border-radius:50%;
	width:38px;
min-width:38px;
height:38px;
font-size:16px;
background:var(--bg1);
right:20px}

.curriculum-dashboard-faq .header-area .accordion-btn::after
{font-size:24px;
	color:var(--p1);
right:20px}

.student-quiz .thumb
{width:170px;
	height:120px;
margin:0 auto}

.student-quiz .thumb img
{width:100%;
	height:100%}

.cmn-quizitem
{display:flex;
	flex-wrap:wrap;
margin:0 0 -16px}

.cmn-quizitem .checkbox-single .checkmark
{position:absolute;
	left:0;
height:20px;
width:20px;
border-radius:50%;
border:2px solid var(--n500)}

.cmn-quizitem .checkbox-single
{width:50%;
	margin:0 0 16px}

@media(max-width: 550px)
{.cmn-quizitem .checkbox-single
	{width:100%}

}

.genter-slected .checkmark
{position:absolute;
	left:0;
height:16px;
width:16px;
border:1px solid var(--s2) !important;
border-radius:50%}

.genter-slected input:checked~.checkmark::after
{display:block;
	background:var(--s2)}

.s2-clrsingle input:checked~.checkmark::after
{color:var(--s2)}

.edit-prolocation .nice-select
{border-radius:16px}

.linked-infoactive
{border:1px solid var(--s2) !important;
	background:rgba(47,167,95,.05) !important}

.banner-instructor .max140
{max-width:140px}

.banner-instructor .instructor-profilebox-v2
{width:280px;
	transform:translateY(-120px);
margin-bottom:-120px}

.banner-instructor .earn-countwrap-v2
{margin-left:40px;
	border-right:1px dashed var(--n50);
margin-right:48px}

.banner-instructor .earn-countwrap-v2 .earn-count-item
{border-right:unset;
	padding-right:32px;
border-left:1px dashed var(--n50);
padding-left:32px}

.banner-instructor .earn-countwrap-v2 .earn-count-item:first-child
{padding-left:48px}

.banner-instructor .earn-countwrap-v2 .earn-count-item:last-child
{padding-right:48px}

.banner-instructor .earn-countwrap-v2
{padding:0px 0}

.banner-instructor .instructor-social-v2
{padding:0 0px;
	border:unset}

@media(max-width: 991px)
{.banner-instructor .earn-countwrap-v2
	{margin-left:14px;
		margin-right:14px}

	.banner-instructor .earn-countwrap-v2 .earn-count-item
	{padding-right:14px;
		padding-left:14px}

.banner-instructor .earn-countwrap-v2 .earn-count-item:first-child
{padding-left:14px}

.banner-instructor .earn-countwrap-v2 .earn-count-item:last-child
{padding-right:14px}

}

@media(max-width: 767px)
{.banner-instructor .instructor-profilebox-v2
	{margin:0 auto;
		width:unset;
	margin-bottom:-120px;
	border-bottom:1px dashed var(--n50);
	padding-bottom:20px}

	.banner-instructor .instructor-profilebox-v2 .student-imgwap
	{margin:0 auto}

.banner-instructor .instructor-social-v2
{padding-top:20px;
	border-bottom:1px dashed var(--n50);
padding-bottom:20px;
margin-bottom:20px}

.banner-instructor .earn-countwrap-v2
{order:1;
	margin-left:1px}

}

.instructor-banner-content
{padding:30px 0 60px}

@media(max-width: 991px)
{.instructor-banner-content
	{padding:30px 0 30px}

}

.s2-dashline
{position:relative}

.s2-dashline::before
{position:absolute;
	top:-5px;
left:0;
border:1px dashed var(--n50);
content:"";
height:15px}

.lbg
{background:rgba(47,167,95,.07) !important}

.custom-display-none .content-area
{display:block}

.payout-range .progress
{height:4px}

.payout-range .progress .progress-bar
{height:4px}

.earning-range .progress
{height:4px;
	background:var(--p1)}

.earning-range .progress .progress-bar
{height:4px;
	background:var(--n500)}

.cmn-quizinput input
{font-size:14px;
	color:var(--n100)}

.cmn-quizinput::-moz-placeholder
{color:var(--n100);
	font-size:14px}

.cmn-quizinput::placeholder
{color:var(--n100);
	font-size:14px}

.affnone::after
{display:none}

/*# sourceMappingURL=style.min.css.map */

.bg_0{
padding: 0.7em 0.7em 0.7em 0.7em;
    border-radius: 30px;
    letter-spacing: 0.5px;
	background-color: var(--n0);
}

.commin-body{

 padding: 0em 2em 0em 1em;
}


.pt-30{
    padding-top: 10rem !important;

}


.pb-30{
    padding-bottom: 3rem !important;

}



.ptext636{

	font-size: 18px;
line-height: 1.7;
    letter-spacing: 1px;

}

.ptext6367{

	font-size: 16px;
line-height: 1.7;
    letter-spacing: 1px;

}

.bg_courses_banner {
    background-color: #6480ff6e;
    padding: 2.3em;
    border-radius: 20px;
}

/* Pantallas muy pequeñas (móviles pequeños) */
@media (max-width: 400px) {
    .bg_courses_banner {
        padding: 1em;
        border-radius: 8px;
    }
}

/* Pantallas pequeñas (móviles) */
@media (min-width: 401px) and (max-width: 600px) {
    .bg_courses_banner {
        padding: 1.5em;
        border-radius: 10px;
    }
}

/* Pantallas medianas (tabletas pequeñas) */
@media (min-width: 601px) and (max-width: 800px) {
    .bg_courses_banner {
        padding: 1.8em;
        border-radius: 12px;
    }
}

/* Pantallas medianas-grandes (tabletas grandes) */
@media (min-width: 801px) and (max-width: 1024px) {
    .bg_courses_banner {
        padding: 2em;
        border-radius: 15px;
    }
}

/* Pantallas grandes (laptops pequeñas) */
@media (min-width: 1025px) and (max-width: 1200px) {
    .bg_courses_banner {
        padding: 0.5em;
        border-radius: 18px;
    }

.pt-fixed250 {
    padding-top: 140px;
}

.bn__tworeview__thumb{
	padding-bottom: 5px;
}


.bn__tworeview__thumb a img {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 2px solid var(--n0);
    border-radius: 50%;
}

.bn__tworeview__thumb .review__circle {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: block;
    background: var(--p1);
    border: 2px solid var(--n0);
}

}

/* Pantallas muy grandes (laptops grandes y desktops) */
@media (min-width: 1201px) {
    .bg_courses_banner {
        padding: 2.4em;
        border-radius: 20px;
    }
}


.bg_courses_0_int{
background-color: #fff;
padding: 2em;
border-radius: 20px;
}


.bg_courses_1_int_blog{
border-radius: 20px;
}

.bg_courses_1_int{
background-color: #e570b554;
padding: 2em;
border-radius: 20px;
}

.bg_courses_2_int{
background-color: #e6de6670;
padding: 2em;
border-radius: 20px;
}


.bg_courses_3_int{
background-color: #c3e9a1cf;
padding: 2em;
border-radius: 20px;
}


.bg_courses_4_int{
background-color:#a3ddcba3;
padding: 2em;
border-radius: 20px;
}

.bg_courses_5_int{
background-color: #bbf7d0c9;
padding: 2em;
border-radius: 20px;
}


.bg_courses_6_int{
background-color: #ddd6fedb;
padding: 2em;
border-radius: 20px;
}


.bg_courses_7_int{
background-color: #dfbfe799;
padding: 2em;
border-radius: 20px;
}


.bg_courses_8_int{
background-color: #d9f99dc9;
padding: 2em;
border-radius: 20px;
}






.bg_courses{
background-color: #bb88df69;
padding: 1em;
border-radius: 20px;
}

.bg_courses_1{
background-color: #e570b554;
padding: 1em;
border-radius: 20px;
}
.bg_courses_1_menu{
background-color: #e570b554;
border-radius: 10px;
}


.bg_courses_2{
background-color: #e6de6694;
padding: 1em;
border-radius: 20px;
}

.bg_courses_2_menu{
background-color: #e6de6694;
border-radius: 10px;
}



.bg_courses_3{
background-color:#c3e9a1cf;
padding: 1em;
border-radius: 20px;
}


.bg_courses_3_menu{
background-color:#c3e9a1cf;
border-radius: 10px;
}

.bg_courses_4{
background-color: #a3ddcbbd;
padding: 1em;
border-radius: 20px;
}

.bg_courses_4_menu{
background-color: #a3ddcbbd;
border-radius: 16px;
}


.bg_courses_5{
background-color: #bbf7d0c9;
padding: 1em;
border-radius: 20px;
}

.bg_courses_6{
background-color:#ddd6fedb;
padding: 1em;
border-radius: 20px;
}

.bg_courses_7{
background-color: #f5d0fed9;
padding: 1em;
border-radius: 20px;
}

.bg_courses_8{
background-color: #d9f99dc9;
padding: 1em;
border-radius: 20px;
}

.bg_courses_5_menu{
background-color: #bbf7d0c9;
border-radius: 10px;
}

.bg_courses_6_menu{
background-color:#ddd6fedb;
border-radius: 10px;
}

.bg_courses_7_menu{
background-color: #f5d0fed9;
border-radius: 10px;
}

.bg_courses_8_menu{
background-color: #d9f99dc9;
border-radius: 10px;
}



.explore__filter .rounded{
border-radius: var(--bs-border-radius-2xl) !important;
font-weight: 700;
    font-size: small;
    letter-spacing: -0.5px;
}


.parr_35{

	font-weight: 500;
    line-height: 20px;
}


/*menu*/

.dropdown-menu a {
  text-decoration: none;
  color: #000000;
}
.dropdown-menu a .d-flex {
  transition: all 0.5s;
}
.dropdown-menu .col-sm-6:nth-child(1) a:hover .d-flex {
  background-color: #48536e0a;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) {
  .dropdown-menu {
    width: 42vw;
  }
  .dropdown:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: flex;
  }
}

.rounded-3 {
    border-radius: 30px;
}
.bg-warning-subtle {
    background-color: #d1e7dd;
}

.bg-warning-subtle-02 {
    background-color: #d3d3d336;
}



.bg-danger-subtle {
    background-color: #d1e7dd;
}

.bg-success-subtle {
    background-color: #d1e7dd;
}

h5.text-drox {
	font-size: 16px;
}


img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none;
}

.img_icon{
	margin-right: 1rem;
width: 12%;
height: 12%;

}

.line_p{

/*letter-spacing: -0.3px;*/
    line-height: 130%;
}

.icon_36987{
	
padding-right: 0.5em;
    padding-bottom: 1.5rem;
    max-width: 3.5em;
}


/*
.bg_courses_1_int {
    position: relative;
    overflow: hidden;
}

.bg_courses_1_int::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    background-image: url('../img/474.png');
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
}*/

/*
.bg_courses_2_int {
    background-color: #88df897d;
    padding: 2em 1em;
    border-radius: 20px;
}

.bg_courses_3_int {
    background-color: #7cd8cf75;
    padding: 2em 1em;
    border-radius: 20px;
}

.bg_courses_4_int {
    background-color: #88a8df7d;
    padding: 2em 1em;
    border-radius: 20px;
}
*/

.bg_courses_blog {
    background-color: #88dfd98f;
    padding: 2em 2em;
    border-radius: 20px;
}

/*///////////////////////////*/

.d-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

/*.bg_courses_2_int,
.bg_courses_3_int,
.bg_courses_4_int {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.7rem;    
    box-sizing: border-box;
    height: 200px; 
    width: 100%; 
}
/*
.sec__titletwo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    height: 100%;
}

.icon_36987 {
   width: 70px;
    height: auto;
    margin-bottom: 10px;
}

.fs-seven {
    margin: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
}


*/

.bg_courses_blog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;      
    box-sizing: border-box;   
    width: 100%; /* Hace que todas las tarjetas tengan el mismo ancho */
}

.perfil_p{
color: #00000099;
    /* opacity: 1; */
    font-weight: 500;
    padding-top: 1rem;
    font-size: 14px;
}
.nav-font{
	font-size: 16px;
    font-weight: 600;
}


.banner_top{
	border-radius: 20px;


}



/*etiquetas*/


.list-inline-item span {
    padding: 0 12px 0 0px;
    font-size: 14px;
    font-weight: 600;
    gap: 2px;
    color: #000;
    line-height: 1;
}
.list-inline-item span {
    display: flex;
    align-items: center;
}

.list-inline-item {
	width: auto;
  background-color: #13243e26; 
  border-radius: 60px;
  padding: 4px;
}
.f3-h1 {
    background-color: #dadfff;
}
.list-inline-item {
    display: inline-block;
}

.list-inline-item i{
    color: white;   
   /* width: 26%;*/
    border-radius: 20px;
    padding: 2px;
    height: auto;
    margin-right: 4px;
}


.list-inline-item_02 {
    width: auto;
    background-color: #ffffff;
    border-radius: 60px;
    padding: 4px;
}

.list-inline-item_02 i{
	font-size: 22px;
    color: #111;   
   /* width: 26%;*/
    border-radius: 20px;
    padding: 5px;
    height: auto;
    margin-right: 4px;
}

.bg_etiqueta_03 i{   
    background-color: #eceef2;
}



.bg_etiqueta_01 i{   
    background-color: #2e4264;
}

.bg_etiqueta_02 i{   
    background-color: #2e4264;
}



/*animacion botton*/ 

 .arrow-icon {
            transition: opacity 0.4s ease, transform 0.6s;/* Transición más suave y lenta */
            opacity: 0; /* Inicialmente ocultamos la flecha */
            position: absolute; /* Posicionamos la flecha de forma absoluta dentro del contenedor */
            right: 0; /* Alineamos la flecha a la derecha */
            top: 50%; /* Alineamos verticalmente en el centro */
            transform: translate(0, -50%); /* Ajustamos para centrar verticalmente */
        }

        a:hover .arrow-icon {
            opacity: 1; /* Mostramos la flecha al hacer hover en el enlace */
            transform: translateX(10px) translate(0, -50%); /* Movemos la flecha hacia la derecha y ajustamos verticalmente */
        }


 .w-auto {
width: 100%;

 }      


 .p-button{
 padding: 10px 30px 10px 0px;
 }

 /*footer*/


.copyright-area {
    padding: 30px 0 30px 0;
}
.copyright-area .social-links {
    gap: 22px;
}
.copyright-area .social-links li a {
      color: #000;
    font-size: 14px;
}
.copyright-area .social-links li a:hover {
      color: #000;
}
.copyright-area a {
    font-size: 14px;
     color: #000;
    font-weight: 500;
    margin-bottom: 0;
}
.copyright-area p {
    font-size: 14px;
     color: #000;
    font-weight: 500;
    margin-bottom: 0;
}
.copyright-area p a{
      color: #000;
}
.copyright-area p a:hover{
      color: #000;
}


.copyright-area{
    border-top: 1.8px solid rgb(0 0 0 / 11%);
    padding-bottom: 30px;
    position: relative;
}

.footer__eight .highlight {
    color: #b3b3b3;
}


.pricing-info_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 4.5em;
    display: flex;
    position: relative;
}
.pricing-question_wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}




/*---------------*/

.emblema_negocios {
    margin-right: 20px;
    width: 30%;
    max-width: 100px;
    height: auto;
}

.title-container {
    display: flex;
    align-items: center;
}

.title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 768px) {
    .emblema_negocios {
        width: 30%;
    }
}

@media (max-width: 480px) {
    .emblema_negocios {
        width: 40%;
    }
}



.partner-area {
      padding: 50px 0;
    }
    .partner-slider-item {
      text-align: center;
      padding: 10px;
    }
    .partner-slider-item img {
      max-width: 60%;
      height: auto;
    }


.titulo_logo{
	color: #1c201c;    
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: -0.05em;
    line-height: 1;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
  }

  .nm-color{
color: #222e48c4;
  font-weight: 500 !important;	
  }

  .unit-number {
            flex: 0 0 12%;
            text-align: left;
            margin-right: 10px;
        }

         .unit-number_02 {
            padding: 0 5% 0px 14%;
        }


 .font_p{


 font-weight: 400;
    font-size: 22px;	
 }       


 .allcourses-btn li {
    display: inline-block;
    /*border: 1.5px solid #c1c2c6;*/
    font-size: 14px;
    color: var(--n700);
    padding: 12px 24px;
    border-radius: 100px;
    transition: all .4s;
}


 .btn_pensum li {
    display: inline-block;
    border: 2px solid #c1c2c6;
    font-size: 14px;
    color: var(--n700);
    padding: 8px 24px;
    border-radius: 100px;
    transition: all .4s;
}



.wCiHW_inicial a{
	align-items: center;
    display: grid;
    grid-template-columns:0.85fr 1.75fr 2.5fr;
    gap: 2rem;
    position: relative;
    padding: 1rem 0px 1rem;
    transition: opacity 100ms;
    border-bottom: 0px solid #999;
}


@media (max-width: 768px) {
    .wCiHW_inicial a {
        grid-template-columns: 1fr;
        padding: 2.75rem 0px 2.5rem;
        gap: 0.75rem;
    }
}

@media (max-width: 768px) {
    .wCiHW_inicial a .mobile-show {
        display: inline-block;
    }
}
.wCiHW_inicial .mobile-show {
    display: none;
    padding-left: 0.5rem;
}


.wCiHW a{
    display: grid;
    grid-template-columns:0.85fr 1.75fr 2.5fr;
    gap: 2rem;
    position: relative;
    padding: 6rem 0px 4.5rem;
    transition: opacity 100ms;
    border-bottom: 1px solid;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-gray-400) !important;

}


@media (max-width: 768px) {
    .wCiHW a {
        grid-template-columns: 1fr;
        padding: 2.75rem 0px 2.5rem;
        gap: 0.75rem;
    }
}

@media (max-width: 768px) {
    .wCiHW a .mobile-show {
        display: inline-block;
    }
}
.wCiHW .mobile-show {
    display: none;
    padding-left: 0.5rem;
}


.hwdsNa {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.13px;
}

.bhINjC {
    --gap: 8px;
    gap: var(--gap);
    width: 100%;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.typography__paragraph{

font-size: clamp(16px, 15.8873239437px + 0.4225352113vw, 21px);
    line-height: 130%;
    font-weight: 600 !important;
}	


.icon_rrss_home i{
	font-size: 38px;
}

hr{
opacity: 0.1;
 border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-gray-500) !important;	
}


.list-unstyled li{
font-size: 16px;
    line-height: 170%;
}

.bg-courses-01{
    background-color: #a1e9aaa8;	
}
.bg-courses-02{
    background-color: #e9e4a1a8;	
}
.bg-courses-03{
    background-color: #c7a1e963;	
}
.bg-courses-04{
    background-color: #a1c3e9a8;	
}
.bg-courses-05{
    background-color: #a3efe5a8;	
}
.bg-courses-06{
    background-color: #ffb62d4a;	
}


.live-inst h5{
	font-size: 21px;
	font-weight: 500;

}

.live-inst spam{
	font-size: 18px;
	font-weight:bold;

}

.about-card-02 {
    position: relative;
    padding-left: 60px;
    /*margin-right: 35px;
    margin-bottom: 30px;*/
}

.icon-container.jsx-2370077516 {
	border-radius: 10px;
    width: 3rem;
    height: 3rem;
    border: 2.95px solid #000;
    color: #fff;
    margin: 0.125rem 0;
}

.calendar-card.jsx-2109047166 {
    width: 100%;
}
.full-height {
    min-height: 100%;
}

.calendar-card.jsx-2109047166 .month.jsx-2109047166 {
    background: #000;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px;
    margin-bottom: 4px;
}
.nowrap {
    white-space: nowrap;
}

.calendar-card.jsx-2109047166 .day.jsx-2109047166 {
  font-weight: 800;
    font-size: medium;
    transform: translateY(-1px);
    color: #000000;
}
.fw-medium {
    font-weight: 400;
}
.fw-medium {
    font-weight: 500 !important;
}

.about-card-02 h3 {
    font-size: 18px;
    position: absolute;
    color: #222222;
    left: 0;
    line-height: 1;
    margin-right: 8px;
    padding-right: 8px;
    /* border-right: 1px solid #c5c0cb; */
}
.title.jsx-2370077516 {
   color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.text-ellipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.desc.jsx-2370077516 {
	margin-top: -4px;
   color: #333;
    font-weight: 500;
    font-size: 16px;
   
}
.text-ellipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .__item {
    	padding-top:1rem !important; 
    	padding-right: 1rem !important;
    	padding-left: 1rem !important;
        padding-bottom: 2rem !important; /* Aumenta el valor si es necesario */
    }
}