/* Tüm Hakları My Medya Design & Software ® Firmasına Aittir. İzinsiz Kopyalanamaz ve Çoğaltılamaz. | www.mymedya.com.tr */

@import url("../../css2");

@keyframes round-circle {
	0% { transform: rotate(0deg); }

	100% { transform: rotate(1000deg); }
}

@keyframes round-circle2 {
	0% { transform: rotate(-20deg); }

	100% { transform: rotate(20deg); }
}

@keyframes animate1 {
	0% { transform: translateY(0px); }

	100% { transform: translateY(-20px); }
}

@keyframes animate2 {
	0% { transform: translateY(0px); }

	100% { transform: translateY(20px); }
}

@keyframes animate3 {
	0% { transform: translateY(0px); }

	100% { transform: translateY(15px); }
}

@keyframes animate4 {
	0% { transform: translateY(0px); }

	100% { transform: translateY(-25px); }
}

@keyframes animate5 {
	0% { transform: scale(0.5); }

	100% { transform: scale(1); }
}

@keyframes animate6 {
	0% { transform: scale(1); }

	100% { transform: scale(1.1); }
}

.round-circle { position: relative; animation-name: round-circle; animation-duration: 72s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; }

.animate1 { position: relative; animation-name: animate1; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.animate2 { position: relative; animation-name: animate2; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.animate3 { position: relative; animation-name: animate3; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.animate4 { position: relative; animation-name: animate4; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.animate5 { position: relative; animation-name: animate5; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.animate6 { position: relative; animation-name: animate6; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.round-circle2 { position: relative; animation-name: round-circle2; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }

.image-anime { overflow: hidden; }

.image-anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }

.image-anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; }

body.body,
html { overflow-x: hidden !important; }
.btnARA { width: 100px !important; display: inline-block; font-size: 20px !important; padding: 0 !important; position: absolute; top: 0; right: 0; opacity: 0.5; }
.iletisimtxt { width: 100%; padding: 16px; border-radius: 8px; border: none; margin-top: 20px; }
.btnGonder { background: #00a7d8; border-radius: 10px !important; color: #FFF; top: -23px; position: relative; padding: 18px 21px !important; display: inline-block !important; }
.btnGonder:hover { transition: all .03s ease-in-out; background: linear-gradient(90deg, #4ac7e9 0%, #4ac7e9 100%); }
.mymedya { position: relative; top: -1px; }
.authors { /*height: 50px; overflow: hidden;*/ display: inline-block; float: left; }
.drks p { margin-bottom: 20px; }
.authorsMain { }

.author-area { /*display: inline-block; float: left; margin: 0 60px 0 0;*/ float: left; margin: 0 20px 0 0; }
.author-area2 { display: inline-block; /*float: left;*/ padding: 10px 0 !important; }

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

	body.body,
	html { overflow-x: hidden !important; }
}

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

	body,
	html { overflow-x: hidden !important; }
}

.img100 img { width: 100%; }

.body2 { overflow-x: visible !important; }

body { font-family: "Figtree", sans-serif; font-size: var(--f-fs-font-fs16); background-color: #ffffff; }

@media screen and (min-width: 769px) {
	body.body.body5 { overflow-x: initial !important; }
}

* { margin: 0; padding: 0; box-sizing: border-box; }

input,
textarea,
select,
option { max-width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 { padding: 0; margin: 0; }

ul { padding: 0; margin: 0; list-style: none; }

p { padding: 0; margin: 0; }

img { max-width: 100%; max-height: 100%; }

a,
a:hover,
a:focus { outline: none; text-decoration: none; }

body.body { font-size: 18px; font-weight: 400; line-height: 26px; overflow-x: hidden; z-index: -33; position: relative; }

.sp { padding: 40px 0; }

.sp2 { padding: 120px 0px; }

.pt100 { padding-top: 100px; }

.pt140 { padding-top: 140px; }

.pb120 { padding-bottom: 120px; }

.pl60 { padding-left: 60px; }

.pb40 { padding-bottom: 40px; }

.pr60 { padding-right: 60px; }

@media (max-width: 768px) {
	.sp { padding: 50px 0px; }

	.pt100 { padding-top: 50px; }

	.pt140 { padding-top: 70px; }

	.pb120 { padding-bottom: 60px; }

	.sp2 { padding: 60px 0px; }

	.pl60 { padding-left: 0; }

	.pr60 { padding-right: 0; }
}

.space4 { height: 4px; }

.space6 { height: 6px; }

.space28 { height: 28px; }

.space8 { height: 8px; }

.space12 { height: 12px; }

.space14 { height: 14px; }

.space16 { height: 16px; }

.space24 { height: 24px; }

.space32 { height: 32px; }

.space10 { height: 10px; }

.space5 { height: 5px; }

.space5 { height: 5px; }

@media (max-width: 767px) {
	.space10 { height: 5px; }

	.sp5 { padding-bottom: 50px; }
}

.space20 { height: 20px; }

@media (max-width: 767px) {
	.space20 { height: 10px; }
}

.space30 { height: 30px; }

@media (max-width: 767px) {
	.space30 { height: 15px; }
}

.space40 { height: 40px; }

@media (max-width: 767px) {
	.space40 { height: 20px; }
}

.space50 { height: 50px; }

.space45 { height: 45px; }

@media (max-width: 768px) {
	.space50 { height: 25px; }

	.space60 { height: 30px !important; }
}

.space60 { height: 60px; }

.space55 { height: 55px; }

.space70 { height: 70px; }

.space80 { height: 80px; }

.space90 { height: 90px; }

.space100 { height: 100px; }

.space120 { height: 120px; }

.text-right { text-align: right; }

.section-padding { padding: 120px 0; }

@media (max-width: 991px) {
	.section-padding { padding: 60px 0; }
}

.section-padding2 { padding: 120px 0 90px; }

@media (max-width: 991px) {
	.section-padding2 { padding: 60px 0 30px; }
}

.padding-bottom { padding-bottom: 120px; }

@media (max-width: 991px) {
	.padding-bottom { padding-bottom: 60px; }
}

.padding-bottom2 { padding-bottom: 90px; }

@media (max-width: 991px) {
	.padding-bottom2 { padding-bottom: 30px; }
}

.padding-top { padding-top: 120px; }

@media (max-width: 991px) {
	.padding-top { padding-top: 60px; }
}

.padding-top2 { padding-top: 90px; }

@media (max-width: 991px) {
	.padding-top2 { padding-top: 30px; }
}

.padding-90 { padding: 90px 0; }

@media (max-width: 991px) {
	.padding-90 { padding: 50px 0; }
}

.w-full { width: 100%; }

@media (min-width: 992px) {
	.w-lg-full { width: 100%; }
}

.text-center { text-align: center; }

@media (min-width: 992px) {
	.text-lg-center { text-align: center; }
}

.text-left { text-align: left !important; }

.weight-400 { font-weight: 400 !important; }

.weight-500 { font-weight: 500 !important; }

.weight-600 { font-weight: 600 !important; }

.weight-700 { font-weight: 700 !important; }

.weight-800 { font-weight: 800 !important; }

.weight-900 { font-weight: 900 !important; }

.font-f-1 { font-family: "Hind", sans-serif !important; }

.font-f-2 { font-family: "Plus Jakarta Sans", sans-serif !important; }

.font-f-3 { font-family: "Spline Sans", sans-serif !important; }

.font-f-4 { font-family: "Catamaran", sans-serif !important; }

.font-12 { font-size: 12px; }

.font-14 { font-size: 14px; }

.font-16 { font-size: 16px; }

.font-18 { font-size: 18px; }

.font-20 { font-size: 20px; }

.font-22 { font-size: 22px; }

.font-24 { font-size: 24px; }

.font-26 { font-size: 26px; }

.font-28 { font-size: 28px; }

.font-30 { font-size: 30px; }

.font-32 { font-size: 32px; }

.font-34 { font-size: 34px; }

.font-36 { font-size: 36px; }

.font-40 { font-size: 40px; }

.font-42 { font-size: 42px; }

.font-44 { font-size: 44px; }

.font-46 { font-size: 48px; }

.font-48 { font-size: 48px; }

.font-50 { font-size: 60px; }

.font-52 { font-size: 52px; }

.font-54 { font-size: 54px; }

.font-56 { font-size: 56px; }

.font-58 { font-size: 58px; }

.font-60 { font-size: 60px; }

.font-62 { font-size: 62px; }

.font-70 { font-size: 70px; }

.font-72 { font-size: 72px; }

.font-74 { font-size: 74px; }

.font-76 { font-size: 76px; }

.font-78 { font-size: 78px; }

.font-80 { font-size: 80px; }

.font-82 { font-size: 82px; }

.font-84 { font-size: 84px; }

.font-86 { font-size: 86px; }

.font-88 { font-size: 88px; }

.font-90 { font-size: 90px; }

.font-92 { font-size: 92px; }

.font-94 { font-size: 94px; }

.font-96 { font-size: 96px; }

.font-98 { font-size: 98px; }

.font-100 { font-size: 100px; }

@media screen and (min-width: 1024px) {
	.text-md-right { text-align: right; }

	.text-md-center { text-align: center; }

	.text-md-left { text-align: left; }

	.font-lg-12 { font-size: 12px; }

	.font-lg-14 { font-size: 14px; }

	.font-lg-16 { font-size: 16px; }

	.font-lg-18 { font-size: 18px; }

	.font-lg-20 { font-size: 20px; }

	.font-lg-22 { font-size: 22px; }

	.font-lg-24 { font-size: 24px; }

	.font-lg-26 { font-size: 26px; }

	.font-lg-28 { font-size: 28px; }

	.font-lg-30 { font-size: 30px; }

	.font-lg-32 { font-size: 32px; }

	.font-lg-34 { font-size: 34px; }

	.font-lg-36 { font-size: 36px; }

	.font-lg-40 { font-size: 40px; }

	.font-lg-42 { font-size: 42px; }

	.font-lg-44 { font-size: 44px; }

	.font-lg-45 { font-size: 45px; }

	.font-lg-46 { font-size: 48px; }

	.font-lg-48 { font-size: 48px; }

	.font-lg-50 { font-size: 60px; }

	.font-lg-52 { font-size: 52px; }

	.font-lg-54 { font-size: 54px; }

	.font-lg-56 { font-size: 56px; }

	.font-lg-58 { font-size: 58px; }

	.font-lg-60 { font-size: 60px; }

	.font-lg-62 { font-size: 62px; }

	.font-lg-66 { font-size: 66px; }

	.font-lg-70 { font-size: 70px; }

	.font-lg-72 { font-size: 72px; }

	.font-lg-74 { font-size: 74px; }

	.font-lg-76 { font-size: 76px; }

	.font-lg-78 { font-size: 78px; }

	.font-lg-80 { font-size: 80px; }

	.font-lg-82 { font-size: 82px; }

	.font-lg-84 { font-size: 84px; }

	.font-lg-86 { font-size: 86px; }

	.font-lg-88 { font-size: 88px; }

	.font-lg-90 { font-size: 90px; }

	.font-lg-92 { font-size: 92px; }

	.font-lg-94 { font-size: 94px; }

	.font-lg-96 { font-size: 96px; }

	.font-lg-98 { font-size: 98px; }

	.font-lg-100 { font-size: 100px; }

	.line-height-lg-14 { line-height: 14px; }

	.line-height-lg-16 { line-height: 16px; }

	.line-height-lg-18 { line-height: 18px; }

	.line-height-lg-20 { line-height: 20px; }

	.line-height-lg-22 { line-height: 22px; }

	.line-height-lg-24 { line-height: 24px; }

	.line-height-lg-26 { line-height: 26px; }

	.line-height-lg-28 { line-height: 28px; }

	.line-height-lg-30 { line-height: 30px; }

	.line-height-lg-32 { line-height: 32px; }

	.line-height-lg-34 { line-height: 34px; }

	.line-height-lg-36 { line-height: 36px; }

	.line-height-lg-38 { line-height: 38px; }

	.line-height-lg-40 { line-height: 40px; }

	.line-height-lg-42 { line-height: 42px; }

	.line-height-lg-44 { line-height: 44px; }

	.line-height-lg-48 { line-height: 48px; }

	.line-height-lg-50 { line-height: 50px; }

	.line-height-lg-52 { line-height: 52px; }

	.line-height-lg-54 { line-height: 54px; }

	.line-height-lg-56 { line-height: 56px; }

	.line-height-lg-58 { line-height: 58px; }

	.line-height-lg-60 { line-height: 60px; }

	.line-height-lg-62 { line-height: 62px; }

	.line-height-lg-64 { line-height: 64px; }

	.line-height-lg-66 { line-height: 66px; }

	.line-height-lg-68 { line-height: 68px; }

	.line-height-lg-70 { line-height: 70px; }

	.line-height-lg-72 { line-height: 72px; }

	.line-height-lg-74 { line-height: 74px; }

	.line-height-lg-76 { line-height: 76px; }

	.line-height-lg-78 { line-height: 78px; }

	.line-height-lg-80 { line-height: 80px; }

	.line-height-lg-82 { line-height: 82px; }

	.line-height-lg-84 { line-height: 84px; }

	.line-height-lg-86 { line-height: 86px; }

	.line-height-lg-88 { line-height: 88px; }

	.line-height-lg-90 { line-height: 90px; }

	.line-height-lg-92 { line-height: 92px; }

	.line-height-lg-94 { line-height: 94px; }

	.line-height-lg-96 { line-height: 96px; }

	.line-height-lg-98 { line-height: 98px; }

	.line-height-lg-100 { line-height: 100px; }
}

@media screen and (min-width: 768px) {
	.font-md-12 { font-size: 12px; }

	.font-md-14 { font-size: 14px; }

	.font-md-16 { font-size: 16px; }

	.font-md-18 { font-size: 18px; }

	.font-md-20 { font-size: 20px; }

	.font-md-22 { font-size: 22px; }

	.font-md-24 { font-size: 24px; }

	.font-md-26 { font-size: 26px; }

	.font-md-28 { font-size: 28px; }

	.font-md-30 { font-size: 30px; }

	.font-md-32 { font-size: 32px; }

	.font-md-34 { font-size: 34px; }

	.font-md-36 { font-size: 36px; }

	.font-md-40 { font-size: 40px; }

	.font-md-42 { font-size: 42px; }

	.font-md-44 { font-size: 44px; }

	.font-md-46 { font-size: 48px; }

	.font-md-48 { font-size: 48px; }

	.font-md-50 { font-size: 60px; }

	.font-md-52 { font-size: 52px; }

	.font-md-54 { font-size: 54px; }

	.font-md-56 { font-size: 56px; }

	.font-md-58 { font-size: 58px; }

	.font-md-60 { font-size: 60px; }

	.font-md-62 { font-size: 62px; }

	.font-md-74 { font-size: 74px; }

	.font-md-76 { font-size: 76px; }

	.font-md-78 { font-size: 78px; }

	.font-md-80 { font-size: 80px; }

	.font-md-82 { font-size: 82px; }

	.font-md-84 { font-size: 84px; }

	.font-md-86 { font-size: 86px; }

	.font-md-88 { font-size: 88px; }

	.font-md-90 { font-size: 90px; }

	.font-md-92 { font-size: 92px; }

	.font-md-94 { font-size: 94px; }

	.font-md-96 { font-size: 96px; }

	.font-md-98 { font-size: 98px; }

	.font-md-100 { font-size: 100px; }

	.line-height-md-12 { line-height: 12px; }

	.line-height-md-14 { line-height: 14px; }

	.line-height-md-16 { line-height: 16px; }

	.line-height-md-18 { line-height: 18px; }

	.line-height-md-20 { line-height: 20px; }

	.line-height-md-22 { line-height: 22px; }

	.line-height-md-24 { line-height: 24px; }

	.line-height-md-26 { line-height: 26px; }

	.line-height-md-28 { line-height: 28px; }

	.line-height-md-30 { line-height: 30px; }

	.line-height-md-32 { line-height: 32px; }

	.line-height-md-34 { line-height: 34px; }

	.line-height-md-36 { line-height: 36px; }

	.line-height-md-38 { line-height: 38px; }

	.line-height-md-40 { line-height: 40px; }

	.line-height-md-42 { line-height: 42px; }

	.line-height-md-44 { line-height: 44px; }

	.line-height-md-48 { line-height: 48px; }

	.line-height-md-50 { line-height: 50px; }

	.line-height-md-52 { line-height: 52px; }

	.line-height-md-54 { line-height: 54px; }

	.line-height-md-56 { line-height: 56px; }

	.line-height-md-58 { line-height: 58px; }

	.line-height-md-60 { line-height: 60px; }

	.line-height-md-62 { line-height: 62px; }

	.line-height-md-64 { line-height: 64px; }

	.line-height-md-66 { line-height: 66px; }

	.line-height-md-68 { line-height: 68px; }

	.line-height-md-70 { line-height: 70px; }

	.line-height-md-72 { line-height: 72px; }

	.line-height-md-74 { line-height: 74px; }

	.line-height-md-76 { line-height: 76px; }

	.line-height-md-78 { line-height: 78px; }

	.line-height-md-80 { line-height: 80px; }

	.line-height-md-82 { line-height: 82px; }

	.line-height-md-84 { line-height: 84px; }

	.line-height-md-86 { line-height: 86px; }

	.line-height-md-88 { line-height: 88px; }

	.line-height-md-90 { line-height: 90px; }

	.line-height-md-92 { line-height: 92px; }

	.line-height-md-94 { line-height: 94px; }

	.line-height-md-96 { line-height: 96px; }

	.line-height-md-98 { line-height: 98px; }

	.line-height-md-100 { line-height: 100px; }
}

@media screen and (min-width: 576px) {
	.font-sm-12 { font-size: 12px; }

	.font-sm-14 { font-size: 14px; }

	.font-sm-16 { font-size: 16px; }

	.font-sm-18 { font-size: 18px; }

	.font-sm-20 { font-size: 20px; }

	.font-sm-22 { font-size: 22px; }

	.font-sm-24 { font-size: 24px; }

	.font-sm-26 { font-size: 26px; }

	.font-sm-28 { font-size: 28px; }

	.font-sm-30 { font-size: 30px; }

	.font-sm-32 { font-size: 32px; }

	.font-sm-34 { font-size: 34px; }

	.font-sm-36 { font-size: 36px; }

	.font-sm-40 { font-size: 40px; }

	.font-sm-42 { font-size: 42px; }

	.font-sm-44 { font-size: 44px; }

	.font-sm-46 { font-size: 48px; }

	.font-sm-48 { font-size: 48px; }

	.font-sm-50 { font-size: 60px; }

	.font-sm-52 { font-size: 52px; }

	.font-sm-54 { font-size: 54px; }

	.font-sm-56 { font-size: 56px; }

	.font-sm-58 { font-size: 58px; }

	.font-sm-60 { font-size: 60px; }

	.font-sm-62 { font-size: 62px; }

	.font-sm-74 { font-size: 74px; }

	.font-sm-76 { font-size: 76px; }

	.font-sm-78 { font-size: 78px; }

	.font-sm-80 { font-size: 80px; }

	.font-sm-82 { font-size: 82px; }

	.font-sm-84 { font-size: 84px; }

	.font-sm-86 { font-size: 86px; }

	.font-sm-88 { font-size: 88px; }

	.font-sm-90 { font-size: 90px; }

	.font-sm-92 { font-size: 92px; }

	.font-sm-94 { font-size: 94px; }

	.font-sm-96 { font-size: 96px; }

	.font-sm-98 { font-size: 98px; }

	.font-sm-100 { font-size: 100px; }

	.line-height-sm-12 { line-height: 12px; }

	.line-height-sm-14 { line-height: 14px; }

	.line-height-sm-16 { line-height: 16px; }

	.line-height-sm-18 { line-height: 18px; }

	.line-height-sm-20 { line-height: 20px; }

	.line-height-sm-22 { line-height: 22px; }

	.line-height-sm-24 { line-height: 24px; }

	.line-height-sm-26 { line-height: 26px; }

	.line-height-sm-28 { line-height: 28px; }

	.line-height-sm-30 { line-height: 30px; }

	.line-height-sm-32 { line-height: 32px; }

	.line-height-sm-34 { line-height: 34px; }

	.line-height-sm-36 { line-height: 36px; }

	.line-height-sm-38 { line-height: 38px; }

	.line-height-sm-40 { line-height: 40px; }

	.line-height-sm-42 { line-height: 42px; }

	.line-height-sm-44 { line-height: 44px; }

	.line-height-sm-48 { line-height: 48px; }

	.line-height-sm-50 { line-height: 50px; }

	.line-height-sm-52 { line-height: 52px; }

	.line-height-sm-54 { line-height: 54px; }

	.line-height-sm-56 { line-height: 56px; }

	.line-height-sm-58 { line-height: 58px; }

	.line-height-sm-60 { line-height: 60px; }

	.line-height-sm-62 { line-height: 62px; }

	.line-height-sm-64 { line-height: 64px; }

	.line-height-sm-66 { line-height: 66px; }

	.line-height-sm-68 { line-height: 68px; }

	.line-height-sm-70 { line-height: 70px; }

	.line-height-sm-72 { line-height: 72px; }

	.line-height-sm-74 { line-height: 74px; }

	.line-height-sm-76 { line-height: 76px; }

	.line-height-sm-78 { line-height: 78px; }

	.line-height-sm-80 { line-height: 80px; }

	.line-height-sm-82 { line-height: 82px; }

	.line-height-sm-84 { line-height: 84px; }

	.line-height-sm-86 { line-height: 86px; }

	.line-height-sm-88 { line-height: 88px; }

	.line-height-sm-90 { line-height: 90px; }

	.line-height-sm-92 { line-height: 92px; }

	.line-height-sm-94 { line-height: 94px; }

	.line-height-sm-96 { line-height: 96px; }

	.line-height-sm-98 { line-height: 98px; }

	.line-height-sm-100 { line-height: 100px; }
}

.mr-2 { margin-right: 8px; }

@media (max-width: 767px) {
	.mobile-hidden { display: none; }
}

.mb-30 { margin-bottom: 30px; }

.mobile-sidebar .single-footer h3 { color: #ffffff; }

.mobile-sidebar .single-contact a { color: #ffffff; }

.lg-ml-15 { margin-left: 15px; }

@media (max-width: 767px) {
	.lg-ml-15 { margin-left: 0; }
}

.lg-mr-15 { margin-right: 15px; }

@media (max-width: 767px) {
	.lg-mr-15 { margin-right: 0; }
}

._relative { position: relative; }

._absolute { position: absolute; }

.bg-cover { background-size: cover; background-position: center center; }

.bg-contain { background-size: contain; background-position: center center; }

.img-cover img,
.img-cover { object-fit: cover; }

.width100 img { width: 100%; }

:root { --vtc-text-black1: #0a0d12; --vtc-text-black2: #010206; --vtc-text-black3: #070a1d; --vtc-text-gray1: #6b7280; --vtc-text-gray2: #4f525e; --vtc-text-gray3: #525258; --vtc-text-gray4: #f1f1f7; --vtc-text-white: #fff; --vtc-bg-main1: #4b1ab3; --vtc-bg-main2: linear-gradient(90deg, #00a7d8 0%, #319ba9 100%); --vtc-bg-main3: #00a7d8; --vtc-bg-main4: #00a7d8; --vtc-bg-main5: linear-gradient(135deg, #ff5000 0%, #ff00b8 100%); --vtc-bg-main6: #2051ff; --vtc-bg-main7: linear-gradient(113deg, #801cfa 14.93%, #f3213c 92.43%); --vtc-bg-main8: #a91eb7; --vtc-bg-common-1: #f3f4f6; --vtc-bg-common-2: #e9e7f2; --vtc-bg-common-3: #f6f4fc; --vtc-bg-common-4: #ecebf5; --vtc-bg-common-5: #e9eeff; --vtc-bg-common-6: #eee9f8; --vtc-bg-white: #ffffff; --vtc-border-1: #d3d5d9; --vtc-border-2: #d8dade; --f-fw-regular: 400; --f-fw-medium: 500; --f-fw-semibold: 600; --f-fw-bold: 700; --f-fw-ex-bold: 800; --f-ff-font-1: 'Figtree', sans-serif; --f-fs-font-fs15: 15px; --f-fs-font-fs16: 16px; --f-fs-font-fs18: 18px; --f-fs-font-fs20: 20px; --f-fs-font-fs22: 22px; --f-fs-font-fs24: 24px; --f-fs-font-fs26: 26px; --f-fs-font-fs28: 28px; --f-fs-font-fs30: 30px; --f-fs-font-fs32: 32px; --f-fs-font-fs34: 34px; --f-fs-font-fs36: 36px; --f-fs-font-fs40: 40px; --f-fs-font-fs42: 42px; --f-fs-font-fs44: 44px; --f-fs-font-fs48: 48px; --f-fs-font-fs50: 50px; --f-fs-font-fs52: 52px; --f-fs-font-fs54: 54px; --f-fs-font-fs56: 56px; --f-fs-font-fs58: 58px; --f-fs-font-fs60: 60px; --f-fs-font-fs62: 62px; --f-fs-font-fs64: 64px; --f-fs-font-fs66: 66px; --f-fs-font-fs68: 68px; --f-fs-font-fs70: 70px; --f-fs-font-fs72: 72px; --f-fs-font-fs74: 74px; --f-fs-font-fs76: 76px; --f-fs-font-fs78: 78px; --f-fs-font-fs80: 80px; --f-fs-font-fs82: 82px; --f-fs-font-fs84: 84px; --f-fs-font-fs86: 86px; --f-fs-font-fs88: 88px; --f-fs-font-fs100: 100px; }

.bg1 { background-color: var(--vtc-bg-common-1); }

.heading1-w h2 { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs52); /* 118.182% */ text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading1-w h2 { font-size: var(--f-fs-font-fs30); line-height: var(--f-fs-font-fs38); }
}

@media (max-width: 767px) {
	.heading1-w h2 { font-size: var(--f-fs-font-fs30); line-height: var(--f-fs-font-fs38); }
}

.heading1-w p { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: 400; line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.heading1 p { color: var(--vtc-text-gray1); font-style: normal; font-weight: var(--f-fw-regular); margin-bottom: 20px; }

.heading1 ul { color: var(--vtc-text-gray1) !important; font-size: var(--f-fs-font-fs16) !important; font-style: normal !important; font-weight: var(--f-fw-regular) !important; line-height: var(--f-fs-font-fs26) !important; margin-bottom: 20px; padding: 0 0 0 30px; list-style: disc; }

.heading1 ol { color: var(--vtc-text-gray1) !important; font-size: var(--f-fs-font-fs16) !important; font-style: normal !important; font-weight: var(--f-fw-regular) !important; line-height: var(--f-fs-font-fs26) !important; margin-bottom: 20px; padding: 0 0 0 20px; list-style: disc; }

.heading1 h2 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs52); /* 118.182% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading1 h2 { font-size: var(--f-fs-font-fs30); line-height: var(--f-fs-font-fs38); }
}

@media (max-width: 767px) {
	.heading1 h2 { font-size: var(--f-fs-font-fs30); line-height: var(--f-fs-font-fs38); }
}

.heading1 h3 { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 100% */ text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading1 h3 { font-size: var(--f-fs-font-fs24); line-height: var(--f-fs-font-fs24); }
}

@media (max-width: 767px) {
	.heading1 h3 { font-size: var(--f-fs-font-fs24); line-height: var(--f-fs-font-fs24); }
}

.heading1 h3 a { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 100% */ text-transform: capitalize; transition: all 0.4s; }

.heading1 h3 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.heading1 h4 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs28); /* 140% */ transition: all 0.4s; }

.heading1 h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

h5 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs24); /* 100% */ }

.heading2-w h2 { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs34); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs52); /* 118.182% */ text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading2-w h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

@media (max-width: 767px) {
	.heading2-w h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

.heading2-w p { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); /* 162.5% */ }

.heading3 h2 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs44); /* 100% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading3 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

@media (max-width: 767px) {
	.heading3 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

.heading3 h2 a { display: inline-block; color: var(--vtc-text-black1); font-style: normal; font-weight: var(--f-fw-semibold); transition: all 0.4s; }

.heading3 h2 a:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.heading3 h4 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs28); /* 140% */ transition: all 0.4s; }

.heading3 h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.heading3 h3 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 140% */ transition: all 0.4s; }

.heading3 h3 a:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.heading3 p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.heading2 .sub-titile { display: inline-block; background: linear-gradient(90deg, #6740d0 0%, #726efc 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ }

.heading2 .sub-titile img { transform: translateY(-2px); }

.heading2 h2 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs44); /* 100% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading2 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

@media (max-width: 767px) {
	.heading2 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

.heading2 h4 a { display: inline-block; color: #010206; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; /* 125% */ transition: all 0.4s; }

.heading2 h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.heading2 p { color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.heading4 span.span { display: inline-block; color: #2051ff; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ text-transform: uppercase; margin-bottom: 16px; }

.heading4 span.span img { transform: translateY(-2px); }

.heading4 h2 { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs44); /* 100% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading4 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

@media (max-width: 767px) {
	.heading4 h2 { font-size: var(--f-fs-font-fs32); line-height: var(--f-fs-font-fs40); }
}

.heading4 h3 a { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs42); /* 131.25% */ transition: all 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading4 h3 a { font-size: var(--f-fs-font-fs28); line-height: var(--f-fs-font-fs36); }
}

@media (max-width: 767px) {
	.heading4 h3 a { font-size: var(--f-fs-font-fs28); line-height: var(--f-fs-font-fs36); }
}

.heading4 h3 a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.heading4 p { color: var(--vtc-text-gray3); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 500; line-height: 30px; /* 150% */ }

.heading4 h4 a { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs30); /* 125% */ text-transform: capitalize; transition: all 0.4s; }

.heading4 h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

@media screen and (min-width: 768px) {
	.reveal { position: relative; display: inline-flex; visibility: hidden; overflow: hidden; }

	.reveal img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; transform-origin: left; }
}

/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/
.blok:nth-of-type(odd) { background-color: white; }

.blok:nth-of-type(even) { background-color: black; }

@-webkit-keyframes border-transform {

	0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; }

	14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; }

	28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; }

	42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; }

	56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; }

	70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; }

	84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; }
}

/* #Progress
================================================== */
.progress-wrap { position: fixed; right: 30px; bottom: 30px; height: 56px; width: 56px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); z-index: 1; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); z-index: 999; }

.progress-wrap::after { position: absolute; font-family: "FontAwesome"; content: "\f062"; text-align: center; line-height: 56px; font-size: 18px; color: #00a7d8; left: 0; top: 0; height: 56px; width: 56px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap:hover::after { opacity: 0; }

.progress-wrap::before { position: absolute; font-family: "FontAwesome"; content: "\f062"; text-align: center; line-height: 56px; font-size: 18px; opacity: 0; left: 0; top: 0; height: 56px; width: 56px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap:hover::before { opacity: 1; }

.progress-wrap svg path { fill: none; }

.progress-wrap svg.progress-circle path { stroke: #00a7d8; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

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

.progress-wrap.progress-wrap2.active-progress { opacity: 1; visibility: visible; transform: translateY(0); z-index: 99; color: rgb(255, 255, 255); }

.progress-wrap.progress-wrap2::after { position: absolute; font-family: "FontAwesome"; content: "\f062"; text-align: center; line-height: 56px; font-size: 18px; color: #f7f7f7; left: 0; top: 0; height: 56px; width: 56px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap.progress-wrap2:hover::after { opacity: 0; }

.progress-wrap.progress-wrap2::before { position: absolute; font-family: "FontAwesome"; content: "\f062"; text-align: center; line-height: 56px; font-size: 18px; opacity: 0; left: 0; top: 0; height: 56px; width: 56px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap.progress-wrap2:hover::before { opacity: 1; }

.progress-wrap.progress-wrap2 svg path { fill: none; }

.progress-wrap.progress-wrap2 svg.progress-circle path { stroke: #ffffff; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.theme-pagination ul { margin: 0; padding: 0; list-style: none; }

.theme-pagination ul li { display: inline-block; color: var(--vtc-text-black1); }

.theme-pagination ul li a { width: 55px; height: 55px; text-align: center; line-height: 55px; background-color: var(--vtc-bg-common-2); margin: 0 4px; transition: all 0.3s; display: block; color: var(--ztc-text-text-1); font-weight: 700; position: relative; border-radius: 2px; }

.theme-pagination ul li a:hover { background: var(--vtc-bg-main1); transition: all 0.3s; color: var(--vtc-text-white); }

.theme-pagination ul li a.active { background: var(--vtc-bg-main1); transition: all 0.3s; color: var(--vtc-text-white); }

.theme-pagination.theme-pagination2 ul { margin: 0; padding: 0; list-style: none; }

.theme-pagination.theme-pagination2 ul li { display: inline-block; color: var(--vtc-text-black1); }

.theme-pagination.theme-pagination2 ul li a { width: 55px; height: 55px; text-align: center; line-height: 55px; background-color: var(--vtc-bg-common-5); margin: 0 4px; transition: all 0.3s; display: block; color: var(--ztc-text-text-1); font-weight: 700; position: relative; border-radius: 8px; }

.theme-pagination.theme-pagination2 ul li a:hover { background: var(--vtc-bg-main6); transition: all 0.3s; color: var(--vtc-text-white); }

.theme-pagination.theme-pagination2 ul li a.active { background: var(--vtc-bg-main6); transition: all 0.3s; color: var(--vtc-text-white); }

.theme-btn1 { display: inline-block; border-radius: 6px; border: none; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); padding: 12px 26px; transition: all 0.4s; position: relative; z-index: 3; overflow: hidden; }

.theme-btn1::after { transition: all 0.4s; content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: auto; right: 0; border-bottom: 3px solid var(--vtc-bg-main2); background: linear-gradient(90deg, #4ac7e9 0%, #4ac7e9 100%); z-index: -1; border-radius: 6px; }

.theme-btn1::before { transition: all 0.4s; content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 8px; border-bottom: 3px solid var(--vtc-bg-main2); /*background: var(--vtc-bg-main2);*/ background: #00a7d8; z-index: -2; border-radius: 6px; }

.theme-btn1:hover { color: var(--vtc-text-white); }

.theme-btn1:hover::after { width: 100%; transition: all 0.4s ease-in-out; left: 0; right: auto; }

.theme-btn2 { display: inline-block; border-radius: 8px; border: none; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); padding: 14px 24px; transition: all 0.4s; position: relative; z-index: 3; overflow: hidden; }

.theme-btn2::after { transition: all 0.4s; content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: auto; right: 0; border-bottom: 3px solid var(--vtc-bg-main2); background: linear-gradient(90deg, #4ac7e9 0%, #4ac7e9 100%); z-index: -1; border-radius: 8px; }

.theme-btn2::before { transition: all 0.4s; content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 8px; border-bottom: 3px solid var(--vtc-bg-main2); /*background: var(--vtc-bg-main2);*/ background: #00a7d8; z-index: -2; border-radius: 8px; }

.theme-btn2:hover { color: var(--vtc-text-white); }

.theme-btn2:hover::after { width: 100%; transition: all 0.4s ease-in-out; left: 0; right: auto; }

.theme-btn3 { position: relative; display: inline-block; text-align: center; padding: 19px 22px; z-index: 1; background: var(--vtc-bg-main5); border-radius: 99px; border: none; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); /* 100% */ }

.theme-btn3::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #319ba9; border-radius: 99px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.theme-btn3:hover { color: var(--vtc-text-white); }

.theme-btn3:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.theme-btn3.style-6 { border-radius: 8px; background: var(--vtc-bg-main7); }

.theme-btn3.style-6::after { border-radius: 8px; background: var(--vtc-bg-main5); }

.theme-btn4 { position: relative; display: inline-block; text-align: center; padding: 18px 22px; z-index: 1; background: transparent; border: 1px solid var(--vtc-bg-main4); border-radius: 99px; color: var(--vtc-bg-main4); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); /* 100% */ transition: all 0.4s; }

.theme-btn4::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #181a1c; border-radius: 99px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.theme-btn4:hover { color: var(--vtc-text-white); border: 1px solid var(--vtc-text-black1); }

.theme-btn4:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.theme-btn5 { display: inline-flex; align-items: center; background: none; border: none; }

.theme-btn5 span.text { display: inline-block; padding: 16px 24px; background-color: var(--vtc-text-white); color: var(--vtc-bg-main6); font-size: var(--f-fs-font-18); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-18); /* 100% */ text-transform: uppercase; border-radius: 111px; transition: all 0.4s; }

.theme-btn5 span.arrow-all { display: inline-block; background-color: var(--vtc-text-white); color: var(--vtc-bg-main6); font-size: var(--f-fs-font-18); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-18); /* 100% */ text-transform: uppercase; border-radius: 111px; height: 50px; width: 50px; text-align: center; line-height: 50px; transition: all 0.4s; overflow: hidden; transition: all 0.4s; }

.theme-btn5 span.arrow-all span { display: inline-block; transform: rotate(-45deg) translateX(6px) translateY(6px); font-size: var(--f-fs-font-18); transition: all 0.4s; background: none; }

.theme-btn5 span.arrow-all .arrow2 { transform: translateY(-8px) rotate(-45deg) translateX(-52px); transition: all 0.4s; opacity: 0; }

.theme-btn5 span.arrow-all .arrow1 { transition: all 0.4s; opacity: 1; }

.theme-btn5:hover span { transition: all 0.4s; background-color: var(--vtc-bg-main6); color: var(--vtc-text-white); }

.theme-btn5:hover .arrow-all { transform: translateX(3px); transition: all 0.4s; }

.theme-btn5:hover .arrow-all .arrow2 { transform: translateY(-7px) rotate(-45deg) translateX(-10px); transition: all 0.4s; opacity: 1; }

.theme-btn5:hover .arrow-all .arrow1 { transition: all 0.4s; transform: translateY(-7px) rotate(-45deg) translateX(45px); opacity: 0; }

.theme-btn6 { display: inline-flex; align-items: center; background: none; border: none; }

.theme-btn6 span.text { display: inline-block; padding: 16px 24px; background-color: var(--vtc-bg-main6); color: var(--vtc-text-white); font-size: var(--f-fs-font-18); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-18); /* 100% */ text-transform: uppercase; border-radius: 111px; transition: all 0.4s; }

.theme-btn6 span.arrow-all { display: inline-block; background-color: var(--vtc-bg-main6); color: var(--vtc-text-white); font-size: var(--f-fs-font-18); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-18); /* 100% */ text-transform: uppercase; border-radius: 111px; height: 50px; width: 50px; text-align: center; line-height: 50px; transition: all 0.4s; overflow: hidden; transition: all 0.4s; }

.theme-btn6 span.arrow-all span { display: inline-block; transform: rotate(-45deg) translateX(6px) translateY(6px); font-size: var(--f-fs-font-18); transition: all 0.4s; background: none; }

.theme-btn6 span.arrow-all .arrow2 { transform: translateY(-8px) rotate(-45deg) translateX(-52px); transition: all 0.4s; opacity: 0; }

.theme-btn6 span.arrow-all .arrow1 { transition: all 0.4s; opacity: 1; }

.theme-btn6:hover span { transition: all 0.4s; background-color: #0e40f5; color: var(--vtc-text-white); }

.theme-btn6:hover .arrow-all { transform: translateX(3px); transition: all 0.4s; }

.theme-btn6:hover .arrow-all .arrow2 { transform: translateY(-7px) rotate(-45deg) translateX(-10px); transition: all 0.4s; opacity: 1; }

.theme-btn6:hover .arrow-all .arrow1 { transition: all 0.4s; transform: translateY(-7px) rotate(-45deg) translateX(45px); opacity: 0; }

.theme-btn7 { position: relative; display: inline-block; text-align: center; padding: 19px 22px; z-index: 1; background: var(--vtc-bg-main7); border-radius: 8px; border: none; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); /* 100% */ }

.theme-btn7::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: var(--vtc-bg-main5); border-radius: 8px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.theme-btn7:hover { color: var(--vtc-text-white); }

.theme-btn7:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.cta1 { background-color: var(--vtc-bg-main1); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta1 { padding: 60px 0px; }
}

@media (max-width: 767px) {
	.cta1 { padding: 60px 0px; }
}

.cta1 .image { height: 490px; }

.cta1 .form-area { position: relative; margin-top: 30px; margin-right: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta1 .form-area { margin-right: 0px; }
}

@media (max-width: 767px) {
	.cta1 .form-area { margin-right: 0px; }
}

.cta1 .form-area input { border: none; border-radius: 999px; padding: 20px; width: 100%; }

.cta1 .form-area input::placeholder { color: var(--Home-Page-1-Paragraph, var(--gray-500, #6b7280)); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.cta1 .form-area input:focus { outline: none; }

.cta1 .form-area .button { position: absolute; bottom: 6px; right: 7px; }

.cta2 { margin: 0px 40px; border-radius: 16px; padding: 80px 0px; overflow: hidden; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta2 { padding: 50px 30px; }
}

@media (max-width: 767px) {
	.cta2 { padding: 50px 30px; margin: 0 15px; }
}

.cta2 .form-area { position: relative; margin-top: 30px; margin-right: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta2 .form-area { margin-right: 0px; }
}

@media (max-width: 767px) {
	.cta2 .form-area { margin-right: 0px; }
}

.cta2 .form-area input { border: none; border-radius: 8px; padding: 20px; width: 100%; }

.cta2 .form-area input::placeholder { color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs18); /* 100% */ }

.cta2 .form-area input:focus { outline: none; }

.cta2 .form-area .button { position: absolute; bottom: 4px; right: 4px; }

.cta2 .shape { position: absolute; right: 0; top: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta2 .shape { height: 400px; position: relative; margin-bottom: -90px; margin-right: -120px; margin-top: 40px; }
}

@media (max-width: 767px) {
	.cta2 .shape { height: 200px; position: relative; margin-bottom: -90px; margin-right: -120px; margin-top: 40px; }
}

.cta3 { padding: 80px 0px; background-color: #2b2b2b; overflow: hidden; position: relative; }

.cta3 .z-1 { z-index: 1; }

.cta3 .bg-img { position: absolute; z-index: 0; width: 673px; height: 677px; max-width: unset; max-height: unset; top: 30px; left: 15%; }

.cta3 .form-area { position: relative; margin-top: 30px; margin-left: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta3 .form-area { margin-left: 0px; margin-top: 20px; }
}

@media (max-width: 767px) {
	.cta3 .form-area { margin-left: 0px; margin-top: 20px; }
}

.cta3 .form-area.style-6 input { border-radius: 8px; }

.cta3 .form-area input { border: none; border-radius: 12px; padding: 21px; width: 100%; }

.cta3 .form-area input::placeholder { color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs18); /* 100% */ }

.cta3 .form-area input:focus { outline: none; }

.cta3 .form-area .button { position: absolute; bottom: 4px; right: 4px; }

.cta4 { margin: 0px 40px; border-radius: 16px; padding: 80px 0px; overflow: hidden; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta4 { padding: 50px 30px; }
}

.cta4 .form-area { position: relative; margin-top: 30px; margin-right: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta4 .form-area { margin-right: 0px; }
}

@media (max-width: 767px) {
	.cta4 .form-area { margin-right: 0px; }
}

.cta4 .form-area input { border: none; border-radius: 111px; padding: 20px; width: 100%; }

.cta4 .form-area input::placeholder { color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs18); /* 100% */ }

.cta4 .form-area input:focus { outline: none; }

.cta4 .form-area .button { position: absolute; bottom: 4px; right: 4px; }

.cta4 .shape { position: absolute; right: 0; top: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cta4 .shape { height: 400px; position: relative; margin-bottom: -90px; margin-right: -120px; margin-top: 40px; }
}

@media (max-width: 767px) {
	.cta4 .shape { height: 200px; position: relative; margin-bottom: -90px; margin-right: -120px; margin-top: 40px; }
}

.contact-page-from { background-color: var(--vtc-bg-common-1); border-radius: 8px; padding: 32px; margin-top: 40px; }

.contact-page-from form { padding-top: 10px; }

.contact-page-from form .single-input input,
.contact-page-from form .single-input textarea { width: 100%; padding: 16px; border-radius: 8px; border: none; margin-top: 20px; }

.contact-page-from form .single-input input::placeholder,
.contact-page-from form .single-input textarea::placeholder { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.contact-page-from form .single-input input:focus,
.contact-page-from form .single-input textarea:focus { outline: none; }

.contact-page-box { border: 1px solid var(--vtc-bg-common-1); border-radius: 8px; padding: 34px 24px 12px 24px; text-align: center; margin-top: 30px; transition: all 0.4s; }

.contact-page-box .heading p { margin-bottom: 20px; }

.contact-page-box .icon { height: 60px; width: 60px; background-color: var(--vtc-bg-common-1); text-align: center; transition: all 0.4s; margin: 20px auto; border-radius: 50%; border: 1px solid #DDD; }

.contact-page-box h4 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs20); /* 100% */ padding: 10px 0px 10px 0px; transition: all 0.4s; }

.contact-page-box a { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 100% */ padding-top: 10px; display: inline-block; transition: all 0.4s; }

.inner-main-heading { padding-top: 60px; text-align: center; }

.inner-main-heading .page-prog { display: flex; align-items: center; justify-content: center; }

.inner-main-heading .page-prog a,
.inner-main-heading .page-prog p,
.inner-main-heading .page-prog span { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.inner-main-heading .page-prog span { margin: 0px 8px; display: inline-block; }

.inner-main-heading .page-prog p.bold { font-weight: var(--f-fw-bold); }

.inner-main-heading h1 { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs60); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs60); /* 100% */ padding-top: 16px; }

@media (max-width: 767px) {
	.inner-main-heading h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

.login-form { background-color: var(--vtc-bg-white); padding: 50px; border-radius: 4px; margin-top: 100px; }

@media (max-width: 767px) {
	.login-form { padding: 20px; }
}

.login-form h3 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs40); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs40); /* 100% */ }

@media (max-width: 767px) {
	.login-form h3 { font-size: var(--f-fs-font-fs28); line-height: var(--f-fs-font-fs36); }
}

.login-form p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); /* 175% */ margin-top: 10px; }

.login-form .single-input { padding-top: 20px; }

.login-form .single-input label { color: var(--vtc-text-black3); font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; /* 100% */ padding-bottom: 12px; }

.login-form .single-input input { padding: 16px; width: 100%; border: none; background-color: var(--vtc-bg-common-1); border-radius: 111px; }

.login-form .single-input input:focus { outline: none; }

.login-form .text { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); /* 175% */ padding-top: 20px; }

.login-form .text a { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); /* 175% */ text-decoration: underline; transition: all 0.4s; }

.login-form .text a:hover { color: var(--vtc-bg-main1); transition: all 0.4s; }

.login-form .text #checkbox1 { accent-color: var(--vtc-bg-main1); }

.login-form .or { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); /* 175% */ position: relative; padding: 0px 20px; margin: 16px 0px; text-align: center; }

.login-form .or span { background-color: var(--vtc-bg-white); display: inline-block; padding: 0px 20px; z-index: 4; position: relative; }

.login-form .or::after { content: ""; position: absolute; top: 13px; left: 0; width: 100%; height: 1px; background-color: var(--vtc-bg-common-1); z-index: 1; }

.login-form .theme-btn1 { width: 100%; }

.login-form .google-btn { width: 100%; display: inline-flex; background-color: var(--vtc-bg-common-1); padding: 16px; border-radius: 111px; align-items: center; justify-content: center; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs28); transition: all 0.4s; }

.login-form .google-btn:hover { transition: all 0.4s; transform: translateY(-5px); }

.login-form .google-btn img { margin-right: 5px; }

.hero1 .hero1-bg { padding: 40px; border-radius: 8px; margin-top: 100px; margin-bottom: 100px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero1 .hero1-bg { margin-bottom: 50px; }
}

@media (max-width: 767px) {
	.hero1 .hero1-bg { margin-bottom: 50px; }
}

.hero1 .hero1-bg .main-heading1 { padding-left: 50px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero1 .hero1-bg .main-heading1 { padding-left: 0; padding: 50px 0px 0px 0px; }
}

@media (max-width: 767px) {
	.hero1 .hero1-bg .main-heading1 { padding-left: 0; padding: 50px 0px 0px 0px; }
}

.hero1 .hero1-bg .main-heading1 h1 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs60); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs66); /* 108.333% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero1 .hero1-bg .main-heading1 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

@media (max-width: 767px) {
	.hero1 .hero1-bg .main-heading1 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

.hero1 .hero1-bg .main-heading1 p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.hero1 .hero1-bg .main-heading1 .bottom-content { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ margin-top: 22px; }

.hero1 .hero1-bg .main-heading1 .form-area { position: relative; margin-top: 30px; margin-right: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero1 .hero1-bg .main-heading1 .form-area { margin-right: 0px; }
}

@media (max-width: 767px) {
	.hero1 .hero1-bg .main-heading1 .form-area { margin-right: 0px; }
}

.hero1 .hero1-bg .main-heading1 .form-area input { border: none; border-radius: 999px; padding: 20px; width: 100%; }

.hero1 .hero1-bg .main-heading1 .form-area input::placeholder { color: var(--Home-Page-1-Paragraph, var(--gray-500, #6b7280)); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.hero1 .hero1-bg .main-heading1 .form-area input:focus { outline: none; }

.hero1 .hero1-bg .main-heading1 .form-area .button { position: absolute; bottom: 6px; right: 7px; }

.hero2 { min-height: 650px; margin: 24px 40px 0px 40px; border-radius: 16px; display: flex; align-items: center; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2 { margin: 0; }
}

@media (max-width: 767px) {
	.hero2 { margin: 0; }
}

.hero2 .main-heading2 { padding-top: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2 .main-heading2 { padding-top: 150px; }
}

@media (max-width: 767px) {
	.hero2 .main-heading2 { padding-top: 150px; }
}

.hero2 .main-heading2 h1 { color: var(--white, #fff); font-size: 56px; font-style: normal; font-weight: 600; line-height: 56px; /* 100% */ }

.hero2 .main-heading2 p { color: rgba(255, 255, 255, 0.9); font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; /* 140% */ }

.hero2 .form-area { position: relative; margin-top: 30px; margin-right: 130px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2 .form-area { margin-right: 0px; }
}

@media (max-width: 767px) {
	.hero2 .form-area { margin-right: 0px; }
}

.hero2 .form-area input { border: none; border-radius: 8px; padding: 20px; width: 100%; }

.hero2 .form-area input::placeholder { color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs18); /* 100% */ }

.hero2 .form-area input:focus { outline: none; }

.hero2 .form-area .button { position: absolute; bottom: 4px; right: 4px; }

.hero2 .images-all { height: 350px; position: relative; text-align: end; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2 .images-all { text-align: start; height: 450px; }
}

@media (max-width: 767px) {
	.hero2 .images-all { text-align: start; height: 450px; }
}

.hero2 .images-all .image1 { position: relative; z-index: 3; top: 30px; border-radius: 16px; overflow: hidden; display: inline-block; }

.hero2 .images-all .shape { position: absolute; right: -90px; top: -30px; z-index: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero2 .images-all .shape { right: 0; top: 0; }
}

@media (max-width: 767px) {
	.hero2 .images-all .shape { right: 0; top: 0; }
}

.hero3 { min-height: 720px; padding-top: 140px; padding-bottom: 100px; }

.hero3 .main-heading3 { padding-top: 10px; }

.hero3 .main-heading3 h1 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs44); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs70); /* 125% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero3 .main-heading3 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

@media (max-width: 767px) {
	.hero3 .main-heading3 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

.hero3 .main-heading3 p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); margin-bottom: 20px; }

.hero3 .main-heading3 .buttons { display: flex; align-items: center; justify-content: center; /*padding-top: 30px;*/ }

@media (max-width: 767px) {
	.hero3 .main-heading3 .buttons { display: block; }
}

.hero3 .main-heading3 .buttons p { color: var(--Home-Page-1-Text-Color, #0a0d12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs18); /* 90% */ margin: 0px 16px; }

@media (max-width: 767px) {
	.hero3 .main-heading3 .buttons p { margin: 12px 0px; }
}

.hero4 { min-height: 880px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 { min-height: 840px; }
}

@media (max-width: 767px) {
	.hero4 { min-height: 1000px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 .image-shapes-frist { position: relative; top: 260px; }
}

@media (max-width: 767px) {
	.hero4 .image-shapes-frist { position: relative; top: 360px; }
}

.hero4 .image-shape { position: absolute; }

.hero4 .image-shape a.text { background-color: var(--vtc-bg-white); display: inline-block; color: #070a1d; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-transform: uppercase; padding: 6px 10px; border-radius: 8px; position: absolute; bottom: 10px; }

.hero4 .image-shape1 { left: -40px; }

.hero4 .image-shape1 .text { left: 25%; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 .image-shape1 { left: 0; }
}

@media (max-width: 767px) {
	.hero4 .image-shape1 { left: 0; }
}

.hero4 .image-shape2 { top: 190px; left: 40px; }

.hero4 .image-shape2 a.text { left: 16%; }

@media (max-width: 767px) {
	.hero4 .image-shape2 { left: 0; }
}

.hero4 .image-shape3 { right: -40px; }

.hero4 .image-shape3 .text { left: 20%; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 .image-shape3 { right: 0; }
}

@media (max-width: 767px) {
	.hero4 .image-shape3 { right: 0; }
}

.hero4 .image-shape4 { top: 190px; right: 20px; }

.hero4 .image-shape4 a.text { left: 13%; }

@media (max-width: 767px) {
	.hero4 .image-shape4 { right: 0; }
}

.hero4 .main-heading4 { padding-top: 220px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 .main-heading4 { padding-top: 0; }
}

@media (max-width: 767px) {
	.hero4 .main-heading4 { padding-top: 0; }
}

.hero4 .main-heading4 .sub-title { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ text-transform: uppercase; margin-bottom: 16px; }

.hero4 .main-heading4 .sub-title img { width: 24px; margin-right: 4px; transform: translateY(-3px); }

.hero4 .main-heading4 h1 { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs64); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs80); /* 125% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero4 .main-heading4 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

@media (max-width: 767px) {
	.hero4 .main-heading4 h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

.hero4 .main-heading4 .form-area { margin: 30px 90px 0px 90px; position: relative; }

@media (max-width: 767px) {
	.hero4 .main-heading4 .form-area { margin: 30px 0px 0px 0px; }
}

.hero4 .main-heading4 .form-area input { padding: 18px; border: none; border-radius: 111px; width: 100%; color: var(--vtc-text-gray3); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs20); /* 100% */ }

.hero4 .main-heading4 .form-area input:focus { outline: none; }

.hero4 .main-heading4 .form-area input::placeholder { color: var(--vtc-text-gray3); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs20); /* 100% */ }

.hero4 .main-heading4 .form-area .search { height: 48px; width: 48px; border-radius: 50%; font-size: var(--f-fs-font-fs20); color: var(--vtc-text-white); background-color: var(--vtc-bg-main6); border: none; position: absolute; top: 6px; right: 7px; }

.inner-hero { min-height: 88px; display: flex; align-items: center; }

.inner-hero .main-heading { padding-top: 74px; text-align: center; }

.inner-hero .main-heading .page-prog { display: flex; align-items: center; justify-content: center; }

.inner-hero .main-heading .page-prog a,
.inner-hero .main-heading .page-prog p,
.inner-hero .main-heading .page-prog span { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.inner-hero .main-heading .page-prog span { margin: 0px 8px; display: inline-block; }

.inner-hero .main-heading .page-prog p.bold { font-weight: var(--f-fw-bold); }

.inner-hero .main-heading h1 { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs34); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs60); /* 100% */ padding-top: 0; }

@media (max-width: 767px) {
	.inner-hero .main-heading h1 { font-size: var(--f-fs-font-fs40); line-height: var(--f-fs-font-fs48); }
}

.bg-grey { background: #f3f4f6; }

.author-area3 a.text-gradient-2 { background: var(--vtc-bg-main7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

@keyframes fade-out {
	from { opacity: 1; }

	to { opacity: 0; }
}

.animated { animation-duration: 1s; animation-fill-mode: both; }

.fade-out { animation-name: fade-out; }

.flex { display: flex; }

.flex.vac { align-items: center; }

.flex.cac { justify-content: center; }

.flex.flex-wrap-wrap { flex-wrap: wrap; }

.flex .row,
.flex .full-width { width: 100%; }

.flex.justify-content-end { justify-content: flex-end; }

.flex.flex-column { flex-direction: column; }

.flex.justify-space-around { justify-content: space-around; }

.flex.justify-space-between { justify-content: space-between; }

@keyframes fade-in {
	from { opacity: 0; }

	to { opacity: 1; }
}

.fade-in { animation-name: fade-in; }

.overlay-preloader { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100000000; background: var(--vtc-bg-white); transition: all 0.8s; }

.overlay-preloader .preloader svg { animation-name: preloader-in; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }

.overlay-preloader .preloader.out svg { animation-name: preloader-out; }

.overlay-preloader .preloader.animate .outer { animation-name: show100; animation-duration: 2.3s; animation-delay: 1s; animation-timing-function: linear; opacity: 1; }

.overlay-preloader .preloader .logo { opacity: 0; animation-delay: 0.5s; display: block; width: 40%; margin: 0px auto; text-align: center; background: transparent url(../images/logo/preloader-logo1.svg) no-repeat center center; background-size: contain; text-indent: -99999px; height: 100px; padding: 5px; }

.overlay-preloader .preloader .logo.fade-out { animation-delay: 0.2s; animation-duration: 0.2s; }

.overlay-preloader .loader { position: relative; height: 200px; width: 200px; }

.overlay-preloader .loader svg { position: absolute; top: 0%; }

.overlay-preloader .outer { fill: transparent; stroke: var(--vtc-bg-main1); stroke-width: 2; stroke-dasharray: 99; /* transition: stroke-dashoffset 1s;*/ stroke-dashoffset: 0; opacity: 0; }

.overlay-preloader .preloader .outer { stroke-dasharray: 502; }

.overlay-preloader .outer.loading { transition: stroke-dashoffset 0.8s ease; }

.overlay-preloader .background { opacity: 0.1; stroke: var(--vtc-bg-main1); stroke-width: 2; fill: transparent; }

.overlay-preloader .animate .outer { animation-name: show100; animation-duration: 5s; opacity: 1; animation-timing-function: linear; }

.overlay-preloader .loader.animate { transform: rotate(-90deg); }

.overlay-preloader2 { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100000000; background: var(--vtc-bg-white); transition: all 0.8s; }

.overlay-preloader2 .preloader svg { animation-name: preloader-in; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }

.overlay-preloader2 .preloader.out svg { animation-name: preloader-out; }

.overlay-preloader2 .preloader.animate .outer { animation-name: show100; animation-duration: 2.3s; animation-delay: 1s; animation-timing-function: linear; opacity: 1; }

.overlay-preloader2 .preloader .logo { opacity: 0; animation-delay: 0.5s; display: block; width: 40%; margin: 0px auto; text-align: center; background: transparent url(../images/logo/preloader-logo2.svg) no-repeat center center; background-size: contain; text-indent: -99999px; height: 100px; padding: 5px; }

.overlay-preloader2 .preloader .logo.fade-out { animation-delay: 0.2s; animation-duration: 0.2s; }

.overlay-preloader2 .loader { position: relative; height: 200px; width: 200px; }

.overlay-preloader2 .loader svg { position: absolute; top: 0%; }

.overlay-preloader2 .outer { fill: transparent; stroke: var(--vtc-bg-main3); stroke-width: 2; stroke-dasharray: 99; /* transition: stroke-dashoffset 1s;*/ stroke-dashoffset: 0; opacity: 0; }

.overlay-preloader2 .preloader .outer { stroke-dasharray: 502; }

.overlay-preloader2 .outer.loading { transition: stroke-dashoffset 0.8s ease; }

.overlay-preloader2 .background { opacity: 0.1; stroke: var(--vtc-bg-main3); stroke-width: 2; fill: transparent; }

.overlay-preloader2 .animate .outer { animation-name: show100; animation-duration: 5s; opacity: 1; animation-timing-function: linear; }

.overlay-preloader2 .loader.animate { transform: rotate(-90deg); }

.overlay-preloader3 { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100000000; background: var(--vtc-bg-white); transition: all 0.8s; }

.overlay-preloader3 .preloader svg { animation-name: preloader-in; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }

.overlay-preloader3 .preloader.out svg { animation-name: preloader-out; }

.overlay-preloader3 .preloader.animate .outer { animation-name: show100; animation-duration: 2.3s; animation-delay: 1s; animation-timing-function: linear; opacity: 1; }

.overlay-preloader3 .preloader .logo { opacity: 0; animation-delay: 0.5s; display: block; width: 40%; margin: 0px auto; text-align: center; background: transparent url(../images/favicon.png) no-repeat center center; background-size: contain; text-indent: -99999px; height: 100px; padding: 5px; }

.overlay-preloader3 .preloader .logo.fade-out { animation-delay: 0.2s; animation-duration: 0.2s; }

.overlay-preloader3 .loader { position: relative; height: 200px; width: 200px; }

.overlay-preloader3 .loader svg { position: absolute; top: 0%; }

.overlay-preloader3 .outer { fill: transparent; stroke: var(--vtc-bg-main4); stroke-width: 2; stroke-dasharray: 99; /* transition: stroke-dashoffset 1s;*/ stroke-dashoffset: 0; opacity: 0; }

.overlay-preloader3 .preloader .outer { stroke-dasharray: 502; }

.overlay-preloader3 .outer.loading { transition: stroke-dashoffset 0.8s ease; }

.overlay-preloader3 .background { opacity: 0.1; stroke: var(--vtc-bg-main4); stroke-width: 2; fill: transparent; }

.overlay-preloader3 .animate .outer { animation-name: show100; animation-duration: 5s; opacity: 1; animation-timing-function: linear; }

.overlay-preloader3 .loader.animate { transform: rotate(-90deg); }

.overlay-preloader4 { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100000000; background: var(--vtc-bg-white); transition: all 0.8s; }

.overlay-preloader4 .preloader svg { animation-name: preloader-in; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }

.overlay-preloader4 .preloader.out svg { animation-name: preloader-out; }

.overlay-preloader4 .preloader.animate .outer { animation-name: show100; animation-duration: 2.3s; animation-delay: 1s; animation-timing-function: linear; opacity: 1; }

.overlay-preloader4 .preloader .logo { opacity: 0; animation-delay: 0.5s; display: block; width: 40%; margin: 0px auto; text-align: center; background: transparent url(../images/logo/preloader-logo4.svg) no-repeat center center; background-size: contain; text-indent: -99999px; height: 100px; padding: 5px; }

.overlay-preloader4 .preloader .logo.fade-out { animation-delay: 0.2s; animation-duration: 0.2s; }

.overlay-preloader4 .loader { position: relative; height: 200px; width: 200px; }

.overlay-preloader4 .loader svg { position: absolute; top: 0%; }

.overlay-preloader4 .outer { fill: transparent; stroke: var(--vtc-bg-main6); stroke-width: 2; stroke-dasharray: 99; /* transition: stroke-dashoffset 1s;*/ stroke-dashoffset: 0; opacity: 0; }

.overlay-preloader4 .preloader .outer { stroke-dasharray: 502; }

.overlay-preloader4 .outer.loading { transition: stroke-dashoffset 0.8s ease; }

.overlay-preloader4 .background { opacity: 0.1; stroke: var(--vtc-bg-main6); stroke-width: 2; fill: transparent; }

.overlay-preloader4 .animate .outer { animation-name: show100; animation-duration: 5s; opacity: 1; animation-timing-function: linear; }

.overlay-preloader4 .loader.animate { transform: rotate(-90deg); }

@keyframes preloader-in {
	0% { opacity: 0; transform: scale(0.5); }

	25% { opacity: 1; transform: scale(1.4); }

	60% { opacity: 1; transform: scale(1); }
}

@keyframes preloader-out {
	0% { opacity: 1; transform: scale(1); }

	25% { opacity: 1; transform: scale(1.4); }

	60% { opacity: 0; transform: scale(0.5); }

	100% { opacity: 0; transform: scale(0.5); }
}

.search__popup { padding: 70px; padding-top: 70px; padding-bottom: 70px; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 270px; background-color: rgba(0, 0, 0, 0.9); z-index: 99999; -webkit-transform: translateY(calc(-100% - 80px)); -moz-transform: translateY(calc(-100% - 80px)); -ms-transform: translateY(calc(-100% - 80px)); -o-transform: translateY(calc(-100% - 80px)); transform: translateY(calc(-100% - 80px)); -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; transition-delay: 0.7s; }

.search__popup.search-opened { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); transition-delay: 0s; }

.search__popup.search-opened .search__input { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: 0.3s; }

.search__popup.search-opened .search__input::after { width: 100%; transition-delay: 0.5s; }

.search__popup-2 { background-color: var(--tp-common-black-13); }

.search__popup-2 .search__input .search-input-field ~ .search-focus-border { background-color: var(--tp-theme-8); }

.search__popup-3 .search__input .search-input-field ~ .search-focus-border { background-color: var(--tp-theme-10); }

.search__top { margin-bottom: 10px; display: flow-root; margin-right: 10px; }
.search__close { float: right; }

.search__input { position: relative; height: 80px; transition: all 0.3s ease-out 0s; transition-delay: 0.5s; opacity: 0; }

.search__input::after { position: absolute; content: ""; left: 0; bottom: 0; width: 0%; height: 1px; background-color: rgba(255, 255, 255, 0.3); transition: all 0.3s ease-out 0s; transition-delay: 0.3s; }

.search__input input { width: 100%; height: 100%; background-color: transparent; border: 0; outline: 0; font-size: 24px; color: var(--tp-common-white); border-bottom: 1px solid transparent; padding: 0; color: var(--vtc-text-white); }

.search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.5); font-size: 24px; }

.search__input input::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.5); font-size: 24px; }

.search__input input:-moz-placeholder { /* Firefox 4-18 */ color: rgba(255, 255, 255, 0.5); font-size: 24px; }

.search__input input:-ms-input-placeholder { /* IE 10+  Edge*/ color: rgba(255, 255, 255, 0.5); font-size: 24px; }

.search__input input::placeholder { /* MODERN BROWSER */ color: rgba(255, 255, 255, 0.5); font-size: 24px; }

.search__input button { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; color: var(--vtc-bg-white1); background: none; border: none; }

.search__input .search-input-field ~ .search-focus-border { position: absolute; bottom: 0; left: auto; right: 0; width: 0; height: 1px; background-color: var(--tp-common-orange); -webkit-transition: 0.5s 0.3s 0s ease-out; -moz-transition: 0.5s 0.3s 0s ease-out; -ms-transition: 0.5s 0.3s 0s ease-out; -o-transition: 0.5s 0.3s 0s ease-out; transition: 0.5s 0.3s 0s ease-out; }

.search__input .search-input-field:focus ~ .search-focus-border { width: 100%; left: 0; right: auto; -webkit-transition: 0.5s 0.3s 0s ease-out; -moz-transition: 0.5s 0.3s 0s ease-out; -ms-transition: 0.5s 0.3s 0s ease-out; -o-transition: 0.5s 0.3s 0s ease-out; transition: 0.5s 0.3s 0s ease-out; }

.search__close-btn { font-size: 25px; color: rgba(255, 255, 255, 0.3); border: none; background: none; }
.search__close-btn svg { float: right; }

.search__close-btn:hover { color: var(--vtc-text-white); }

.p-with-sapn { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.p-with-sapn span { display: inline-block; font-weight: var(--f-fw-bold); color: var(--vtc-text-black3); }

.blog-page3-single-box { border: none; border-radius: 9px; transition: all 0.4s; }

.blog-page3-single-box .thumbnail { position: relative; border-radius: 8px 8px 8px 8px; }

.blog-page3-single-box .thumbnail img { transition: all 0.4s; width: 100%; }

.blog-page3-single-box .heading1 { padding: 16px 0; }

.blog-page3-single-box .heading1 .social-area { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }

@media (max-width: 767px) {
	.blog-page3-single-box .heading1 .social-area { display: block; }
}

.blog-page3-single-box .heading1 .social-area a.social { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; }

.blog-page3-single-box .heading1 .social-area a.social:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog-page3-single-box .heading1 .social-area a.time { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-page3-single-box .heading1 .social-area a.time img { transform: translateY(-2px); }

@media (max-width: 767px) {
	.blog-page3-single-box .heading1 .social-area a.time { margin-top: 20px; }
}

.blog-page3-single-box .heading1 .author-area { display: flex; align-items: center; padding-top: 16px; }

.blog-page3-single-box .heading1 .author-area .author { display: flex; align-items: center; }

.blog-page3-single-box .heading1 .author-area .author .author-tumb { height: 28px; width: 28px; }

.blog-page3-single-box .heading1 .author-area .author .author-tumb img { width: 28px; height: 28px; border-radius: 50%; }

.blog-page3-single-box .heading1 .author-area .author .author-text { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-left: 8px; }

.blog-page3-single-box .heading1 .author-area .date { padding-left: 40px; position: relative; }

.blog-page3-single-box .heading1 .author-area .date a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-page3-single-box .heading1 .author-area .date a img { transform: translateY(-2px); }

.blog-page3-single-box .heading1 .author-area .date::after { content: ""; position: absolute; top: 4px; left: 16px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

.blog-page3-single-box:hover { transition: all 0.4s; background-color: var(--vtc-bg-white); }

.blog-details1-all .clint-review { background-color: var(--vtc-bg-main1); padding: 24px; border-radius: 8px; margin-top: 40px; }

.blog-details1-all .clint-review p { color: var(--vtc-bg-white); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 133.333% */ text-transform: capitalize; }

.blog-details1-all .clint-review span { display: inline-block; color: var(--vtc-bg-white); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ padding-top: 20px; }

.blog-details1-all .tags-social-area { padding: 50px 0px; margin-top: 30px; border-top: 1px solid var(--vtc-border-1); border-bottom: 1px solid var(--vtc-border-1); }

.blog-details1-all .tags-social-area .text { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ }

.blog-details1-all .tags-social-area .social { margin-top: 0px; text-align: end; }

@media (max-width: 767px) {
	.blog-details1-all .tags-social-area .social { text-align: start; margin-top: 20px; }
}

.blog-details1-all .tags-social-area .social ul li a { margin-left: 6px; }

.blog-details1-all .tags-social-area .tags ul li { display: inline-block; }

.blog-details1-all .tags-social-area .tags ul li a { display: inline-block; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ padding: 12px 16px; border-radius: 20px; background-color: var(--vtc-bg-common-1); margin-left: 10px; transition: all 0.4s; }

.blog-details1-all .tags-social-area .tags ul li a:hover { transition: all 0.4s; color: var(--vtc-text-white); background-color: var(--vtc-bg-main1); }

.blog-details1-all .comment-box { background-color: var(--vtc-bg-common-1); border-radius: 8px; padding: 24px; margin-top: 30px; }

.blog-details1-all .comment-box .top-area { display: flex; align-items: center; justify-content: space-between; }

.blog-details1-all .comment-box .top-area .author-area { display: flex; align-items: center; }

.blog-details1-all .comment-box .top-area .reply-btn { display: inline-block; color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; }

.blog-details1-all .comment-box .top-area .reply-btn:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog-details1-all .details-contact-area { background-color: var(--vtc-bg-common-1); border-radius: 8px; padding: 32px; margin-top: 40px; }

.blog-details1-all .details-contact-area form { padding-top: 10px; }

.blog-details1-all .details-contact-area form .single-input input,
.blog-details1-all .details-contact-area form .single-input textarea { width: 100%; padding: 16px; border-radius: 8px; border: none; margin-top: 20px; }

.blog-details1-all .details-contact-area form .single-input input::placeholder,
.blog-details1-all .details-contact-area form .single-input textarea::placeholder { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-details1-all .details-contact-area form .single-input input:focus,
.blog-details1-all .details-contact-area form .single-input textarea:focus { outline: none; }

.blog-details-overly-item { border: none; border-radius: 9px; transition: all 0.4s; padding: 32px; }

.blog-details-overly-item .thumbnail { position: relative; border-radius: 8px 8px 8px 8px; }

.blog-details-overly-item .thumbnail img { transition: all 0.4s; width: 100%; }

.blog-details-overly-item .heading1-w h2 { padding-top: 300px; }

.blog-details-overly-item .heading1-w .social-area { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }

@media (max-width: 767px) {
	.blog-details-overly-item .heading1-w .social-area { display: block; }
}

.blog-details-overly-item .heading1-w .social-area a.social { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; }

.blog-details-overly-item .heading1-w .social-area a.social:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog-details-overly-item .heading1-w .social-area a.time { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-details-overly-item .heading1-w .social-area a.time img { transform: translateY(-2px); filter: brightness(40); }

@media (max-width: 767px) {
	.blog-details-overly-item .heading1-w .social-area a.time { margin-top: 20px; }
}

.blog-details-overly-item .heading1-w .author-area { display: flex; align-items: center; padding-top: 16px; }

.blog-details-overly-item .heading1-w .author-area .author { display: flex; align-items: center; }

.blog-details-overly-item .heading1-w .author-area .author .author-tumb { height: 28px; width: 28px; }

.blog-details-overly-item .heading1-w .author-area .author .author-tumb img { width: 28px; height: 28px; border-radius: 50%; }

.blog-details-overly-item .heading1-w .author-area .author .author-text { display: inline-block; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs16); font-style: normal; padding-left: 12px; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-details-overly-item .heading1-w .author-area .date { padding-left: 40px; position: relative; }

.blog-details-overly-item .heading1-w .author-area .date a { display: inline-block; color: var(--vtc-text-white); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-details-overly-item .heading1-w .author-area .date a img { transform: translateY(-2px); filter: brightness(40); }

.blog-details-overly-item .heading1-w .author-area .date::after { content: ""; position: absolute; top: 4px; left: 16px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

.blog-details-overly-item:hover { transition: all 0.4s; background-color: var(--vtc-bg-white); }

.categories-buttons { border-radius: 72px; background: var(--vtc-bg-white); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08); padding: 16px 32px; margin-bottom: 30px; }

.categories-buttons ul.nav { display: flex; justify-content: space-between; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories-buttons ul.nav { display: inline-block; }
}

@media (max-width: 767px) {
	.categories-buttons ul.nav { display: inline-block; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories-buttons ul.nav li { display: inline-block; margin-top: 10px; }
}

@media (max-width: 767px) {
	.categories-buttons ul.nav li { display: inline-block; margin-top: 10px; }
}

.categories-buttons ul.nav li button { padding: 16px 24px; background-color: var(--vtc-bg-common-1); border-radius: 111px; color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ }

.categories-buttons ul.nav li button.active { background: var(--vtc-bg-main1); }

.blog-formets-sec .blog-formets a { display: inline-block; margin: 0px 4px; }

.blog-formets-sec .search-inputs input { border: 1px solid var(--vtc-border-1); background: transparent; width: 100%; padding: 16px; border-radius: 111px; }

.blog-formets-sec .search-inputs input:focus { outline: none; }

.blog-formets-sec .search-inputs input::placeholder { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs14); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 114.286% */ }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-formets-sec .search-inputs { margin-top: 20px; }
}

@media (max-width: 767px) {
	.blog-formets-sec .search-inputs { margin-top: 20px; }
}

.blog-formets-sec .dropdown-area { display: flex; align-items: center; justify-content: end; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-formets-sec .dropdown-area { justify-content: start; margin-top: 20px; }
}

@media (max-width: 767px) {
	.blog-formets-sec .dropdown-area { justify-content: start; margin-top: 20px; }
}

.blog-formets-sec .dropdown-area p { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs14); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 114.286% */ margin-right: 10px; }

.blog-formets-sec .dropdown-area .nice-select { background-color: var(--vtc-bg-main1); color: var(--vtc-bg-white); font-size: var(--f-fs-font-fs14); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs50); /* 114.286% */ height: 50px; }

.blog-formets-sec .dropdown-area .nice-select .list li { color: var(--vtc-text-black3); }

.blog-formets-sec .dropdown-area .nice-select::after { filter: brightness(40); }

.blog1-single-box { border: 1px solid var(--vtc-border-2); border-radius: 9px; transition: all 0.4s; }

.blog1-single-box .thumbnail { position: relative; border-radius: 8px 8px 0px 0px; }

.blog1-single-box .thumbnail img { transition: all 0.4s; width: 100%; padding: 20px; border-bottom: 1px solid var(--vtc-border-2); }

.blog1-single-box .heading1 { padding: 16px; }

.blog1-single-box .heading1 h4 { font-size: 16px; /*text-transform: uppercase;*/ }

.blog1-single-box .heading1 .social-area { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }

.blog1-single-box .heading1 .social-area social { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; }

.blog1-single-box .heading1 .social-area social:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog1-single-box .heading1 .social-area time { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ display: inline-block; }

.blog1-single-box .heading1 .social-area time img { transform: translateY(-2px); }

.blog1-single-box .heading1 .author-area { display: flex; align-items: center; padding-bottom: 16px; }

.blog1-single-box .heading1 .author-area .author { display: flex; align-items: center; }

.blog1-single-box .heading1 .author-area .author .author-tumb { height: 28px; width: 28px; }

.blog1-single-box .heading1 .author-area .author .author-tumb img { width: 28px; height: 28px; border-radius: 50%; }

.blog1-single-box .heading1 .author-area .author .author-text { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-left: 8px; }

.blog1-single-box .heading1 .author-area .date { padding-left: 40px; position: relative; }

.blog1-single-box .heading1 .author-area .date a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog1-single-box .heading1 .author-area .date a img { transform: translateY(-2px); }

.blog1-single-box .heading1 .author-area .date::after { content: ""; position: absolute; top: 4px; left: 16px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

.blog1-single-box:hover { box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.09); transition: all 0.4s; transform: translateY(-10px); background-color: var(--vtc-bg-white); border: 1px solid var(--vtc-bg-white); }

.blog1-cetegory-box { transition: all 0.4s; }

.blog1-cetegory-box .image { border-radius: 8px; overflow: hidden; position: relative; }

.blog1-cetegory-box .image img { transition: all 0.4s; width: 100%; }

.blog1-cetegory-box:hover { transition: all 0.4s; transform: translateY(-10px); }

.blog1-cetegory-box:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog1-posts-area { position: sticky; top: 0; }

.blog3-mega-box { background-color: var(--vtc-bg-white); border-radius: 8px; padding: 24px; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08); position: relative; z-index: 9; margin-top: -190px; }

@media (max-width: 767px) {
	.blog3-mega-box { margin-top: -100px; }
}

.blog3-mega-box .image { position: relative; overflow: hidden; border-radius: 8px; }

.blog3-mega-box .image img { width: 100%; transition: all 0.4s; }

.blog3-mega-box .blog3-content a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog3-mega-box .blog3-content a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog3-mega-box .blog3-content a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.blog3-mega-box:hover .image img { transition: all 0.4s; transform: rotate(2deg) scale(1.1); }

.blog3-mega-box:hover .learn { color: var(--vtc-bg-main4); transition: all 0.4s; }

.blog6-mega-box { background-color: var(--vtc-bg-common-6); overflow: hidden; border-radius: 8px; max-height: 590px; }

@media (max-width: 767px) {
	.blog6-mega-box { max-height: unset; padding-bottom: 50px; }
}

.blog6-mega-box .author-area { display: flex; align-items: center; padding-top: 16px; }

.blog6-mega-box .author-area .author { display: flex; align-items: center; }

.blog6-mega-box .author-area .author .author-text { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); padding-left: 8px; }

.blog6-mega-box .blog3-content a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); transition: all 0.4s; margin-top: 20px; }

.blog6-mega-box .blog3-content a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.author-area3 { padding-bottom: 16px; }

.author-area3 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 24px; }

.author-area3 a img { transform: translateY(-2px); }

.blog3-box { background-color: var(--vtc-bg-common-1); padding: 16px; border-radius: 8px; transition: all 0.4s; }

.blog3-box .image { position: relative; overflow: hidden; border-radius: 8px; }

.blog3-box .image img { width: 100%; transition: all 0.4s; }

.blog3-box a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog3-box a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog3-box a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.blog3-box .author-area3 { padding-bottom: 16px; }

.blog3-box .author-area3 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 24px; }

.blog3-box .author-area3 a img { transform: translateY(-2px); margin-right: 2px; }

.blog3-box:hover { background-color: var(--vtc-bg-white); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.055); transition: all 0.4s; transform: translateY(-10px); }

.blog3-box:hover .image img { transition: all 0.4s; transform: rotate(2deg) scale(1.1); }

.blog3-box:hover .learn { color: var(--vtc-bg-main4); transition: all 0.4s; }

.blog3-about .counter-box { text-align: center; padding: 24px 46px; border-radius: 8px; background-color: var(--vtc-bg-white); position: relative; z-index: 3; transition: all 0.4s; }

.blog3-about .counter-box::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; background: var(--vtc-bg-main2); border-radius: 8px; transition: all 0.4s; opacity: 0; }

.blog3-about .counter-box h3 { color: var(--Home-Page-1-Text-Color, #0a0d12); font-size: var(--f-fs-font-fs60); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs60); /* 100% */ text-transform: capitalize; transition: all 0.4s; }

.blog3-about .counter-box p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ padding-top: 16px; transition: all 0.4s; }

.blog3-about .counter-box:hover { transition: all 0.4s; transform: translateY(-10px); }

.blog3-about .counter-box:hover::after { opacity: 1; transition: all 0.4s; }

.blog3-about .counter-box:hover h3 { color: var(--vtc-text-white); transition: all 0.4s; }

.blog3-about .counter-box:hover p { transition: all 0.4s; color: var(--vtc-text-white); }

.blog3-author-area { border-radius: 8px; padding: 24px; text-align: center; background-color: var(--vtc-bg-common-1); }

.blog3-author-area h4 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs28); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs28); /* 100% */ margin-top: 24px; }

.blog3-author-area p { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs28); /* 100% */ padding: 16px; text-align: justify; }

.blog3-author-area .social-icons { margin-top: 26px; }

.blog3-author-area .social-icons ul li { display: inline-block; }

.blog3-author-area .social-icons ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; background-color: rgba(255, 255, 255, 0.1294117647); margin: 0px 4px; border-radius: 50%; color: var(--vtc-text-white); transition: all 0.4s; }

.blog3-author-area .social-icons ul li a:hover { transition: all 0.4s; color: var(--vtc-text-black1); background-color: var(--vtc-text-white); }

.blog3-meet-bottom-box { background-color: var(--vtc-bg-common-1); padding: 20px; display: flex; align-items: center; border-radius: 16px; transition: all 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog3-meet-bottom-box { margin-left: 0; }
}

@media (max-width: 767px) {
	.blog3-meet-bottom-box { display: block; margin-left: 0; }
}

.blog3-meet-bottom-box:hover { transition: all 0.4s; transform: translateY(-5px); }

.blog3-meet-bottom-box:hover .image img { transition: all 0.4s; /*transform: scale(1.1) rotate(2deg);*/ }

.blog3-meet-bottom-box .content-area { /*padding-left: 24px; min-height: 300px;*/ }
.blog3-meet-bottom-box .content-area .heading3 { /*height: 122px;*/ overflow: hidden; padding: 0 0 15px 0; }
.blog3-meet-bottom-box .content-area .heading3 h4 { text-transform: capitalize; }

.blog3-meet-bottom-box .content-area77 { min-height: 0; }
.blog3-meet-bottom-box .content-area .heading77 { }
.blog3-meet-bottom-box .content-area .heading77 h4 { text-transform: capitalize; }

@media (max-width: 767px) {
	.blog3-meet-bottom-box .content-area { padding-left: 0; padding-top: 20px; }
}

.blog3-meet-bottom-box .content-area .author-area2 { padding-bottom: 16px; float: left; }
.blog3-meet-bottom-box .content-area .author-area2 span { /*padding-right: 30px;*/ }

.blog3-meet-bottom-box .content-area .author-area2 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ position: relative; }

.blog3-meet-bottom-box .content-area .author-area2 a img { transform: translateY(-2px); margin-right: 3px; }

.blog3-meet-bottom-box .content-area a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog3-meet-bottom-box .content-area a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog3-meet-bottom-box .content-area a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.blog3-meet-bottom-box .image { width: 200px; overflow: hidden; border-radius: 8px; }

.blog3-meet-bottom-box .image img { width: 100%; transition: all 0.4s; width: 200px; }

.best-post3-box .author-area2 { padding-bottom: 16px; }

.best-post3-box .author-area2 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 24px; position: relative; }

.best-post3-box .author-area2 a img { transform: translateY(-2px); margin-right: 3px; }

.best-post3-box a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.best-post3-box a.learn span { display: inline-block; transform: rotate(-45deg); }

.best-post3-box a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.blog2-boxs-area { margin-top: -70px; }

.blog2-single-box .image { border-radius: 18px; overflow: hidden; }

.blog2-single-box .image img { width: 100%; border-radius: 8px; transition: all 0.4s; }

.blog2-single-box .blog2-box-content { border-radius: 8px; border-top: 1px solid rgba(19, 10, 122, 0.1); border-right: 1px solid rgba(19, 10, 122, 0.1); border-bottom: 5px solid rgba(19, 10, 122, 0.1); border-left: 1px solid rgba(19, 10, 122, 0.1); background: var(--white, #fff); padding: 32px 40px; }

.blog2-single-box .blog2-box-content .author-area2 { padding-bottom: 16px; }

.blog2-single-box .blog2-box-content .author-area2 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 36px; position: relative; }

.blog2-single-box .blog2-box-content .author-area2 a img { transform: translateY(-2px); margin-right: 3px; }

.blog2-single-box .blog2-box-content .author-area2 a:nth-last-child(1)::after { content: ""; position: absolute; top: 0; left: -18px; height: 20px; width: 1px; background-color: var(--vtc-border-2); }

.blog2-single-box .blog2-box-content a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog2-single-box .blog2-box-content a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog2-single-box .blog2-box-content a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.blog2-single-box:hover { transition: all 0.4s; }

.blog2-single-box:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog2-single-box:hover .blog2-box-content .learn { color: var(--vtc-bg-main3); transition: all 0.4s; }

.blog2-meets-single { text-align: center; margin: 0px 10px; }

.blog2-meets-single .image { overflow: hidden; border-radius: 8px; }

.blog2-meets-single .image img { width: 100%; transition: all 0.4s; }

.blog2-meets-single .heading-area { background-color: var(--vtc-bg-white); display: inline-block; border-radius: 99px; padding: 8px 8px 8px 16px; margin-top: 20px; }

.blog2-meets-single .heading-area a { color: #010206; font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 600; line-height: var(--f-fs-font-fs20); /* 100% */ display: inline-block; }

.blog2-meets-single .heading-area a span { display: inline-block; height: 32px; width: 32px; text-align: center; line-height: 32px; background: var(--vtc-bg-main2); border-radius: 50%; color: var(--vtc-text-white); margin-left: 3px; font-size: var(--f-fs-font-fs16); }

.blog2-meets-single:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog2-meets-btns button { border: none; height: 56px; width: 56px; font-size: 18px; border-radius: 50%; background-color: var(--vtc-text-white); z-index: 2; margin: 0px 5px; position: relative; color: var(--vtc-bg-main3); }

.blog2-meets-btns button::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: var(--vtc-bg-main2); z-index: -1; border-radius: 50%; transition: all 0.4s; opacity: 0; }

.blog2-meets-btns button:hover { color: var(--vtc-text-white); }

.blog2-meets-btns button:hover::after { opacity: 1; transition: all 0.4s; }

.blog2-author-area { border-radius: 8px; padding: 24px; text-align: center; }

.blog2-author-area h4 { color: var(--vtc-text-white); font-size: var(--f-fs-font-fs28); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs28); /* 100% */ margin-top: 24px; }

.blog2-author-area p { color: rgba(255, 255, 255, 0.8); font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs18); /* 100% */ margin-top: 16px; }

.blog2-author-area .social-icons { margin-top: 26px; }

.blog2-author-area .social-icons ul li { display: inline-block; }

.blog2-author-area .social-icons ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; background-color: rgba(255, 255, 255, 0.1294117647); margin: 0px 4px; border-radius: 50%; color: var(--vtc-text-white); transition: all 0.4s; }

.blog2-author-area .social-icons ul li a:hover { transition: all 0.4s; color: var(--vtc-text-black1); background-color: var(--vtc-text-white); }

.blog2-meet-bottom-box { background-color: var(--vtc-bg-white); padding: 28px; display: flex; align-items: center; border-radius: 16px; margin-left: 30px; transition: all 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog2-meet-bottom-box { margin-left: 0; }
}

@media (max-width: 767px) {
	.blog2-meet-bottom-box { margin-left: 0; }
}

.blog2-meet-bottom-box:hover { transition: all 0.4s; transform: translateY(-5px); }

.blog2-meet-bottom-box:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog2-meet-bottom-box .content-area { padding-left: 24px; }

@media (max-width: 767px) {
	.blog2-meet-bottom-box .content-area { padding-left: 0; }
}

.blog2-meet-bottom-box .content-area .author-area2 { padding-bottom: 16px; }

@media (max-width: 767px) {
	.blog2-meet-bottom-box .content-area .author-area2 { margin-top: 15px; }
}

.blog2-meet-bottom-box .content-area .author-area2 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 36px; position: relative; }

@media (max-width: 767px) {
	.blog2-meet-bottom-box .content-area .author-area2 a { padding-right: 15px; }
}

.blog2-meet-bottom-box .content-area .author-area2 a img { transform: translateY(-2px); margin-right: 3px; }

.blog2-meet-bottom-box .content-area .author-area2 a:nth-last-child(1)::after { content: ""; position: absolute; top: 0; left: -18px; height: 20px; width: 1px; background-color: var(--vtc-border-2); }

@media (max-width: 767px) {
	.blog2-meet-bottom-box .content-area .author-area2 a:nth-last-child(1)::after { left: -7px; }
}

.blog2-meet-bottom-box .content-area a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog2-meet-bottom-box .content-area a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog2-meet-bottom-box .content-area a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.blog2-meet-bottom-box .image { overflow: hidden; border-radius: 8px; }

.blog2-meet-bottom-box .image img { width: 100%; transition: all 0.4s; }

.latest-blog2-box { transition: all 0.4s; }

.latest-blog2-box .image { border-radius: 16px 16px 0px 0px; overflow: hidden; }

.latest-blog2-box .image img { width: 100%; transition: all 0.4s; }

.latest-blog2-box .arrow { position: absolute; display: inline-block; bottom: 20px; right: 20px; height: 56px; width: 56px; text-align: center; line-height: 56px; font-size: 20px; color: var(--vtc-text-white); transform: rotate(-45deg); background: var(--vtc-bg-main2); border-radius: 50%; z-index: 9; }

.latest-blog2-box .content-area { box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09); border-radius: 0px 0px 16px 16px; padding: 32px; }

.latest-blog2-box .content-area .author-area2 { padding-bottom: 20px; }

.latest-blog2-box .content-area .author-area2 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 36px; position: relative; }

.latest-blog2-box .content-area .author-area2 a img { transform: translateY(-2px); margin-right: 3px; }

.latest-blog2-box .content-area .author-area2 a:nth-last-child(1)::after { content: ""; position: absolute; top: 0; left: -18px; height: 20px; width: 1px; background-color: var(--vtc-border-2); }

.latest-blog2-box:hover { transition: all 0.4s; transform: translateY(-10px); }

.latest-blog2-box:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog4-mega-post-box { border-radius: 16px; border-right: 2px solid rgba(231, 230, 242, 0.8); border-bottom: 6px solid rgba(231, 230, 242, 0.8); border-left: 2px solid rgba(231, 230, 242, 0.8); background: var(--white, #fff); padding: 40px 44px; margin-top: -210px; position: relative; z-index: 2; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog4-mega-post-box { margin-top: 50px; }
}

@media (max-width: 767px) {
	.blog4-mega-post-box { margin-top: 50px; }
}

.blog4-mega-post-box .video-play-button { position: absolute; top: 50%; left: 50%; z-index: 10; box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #fa183d; */ border-radius: 50%; padding: 18px 20px 18px 28px; margin-left: -40px; margin-top: -40px; }

@media (max-width: 767px) {
	.blog4-mega-post-box .video-play-button { margin: 0px 30px 0px 0px; }
}

.blog4-mega-post-box .video-play-button::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.3764705882); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }

.blog4-mega-post-box .video-play-button::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 55px; height: 55px; background: var(--vtc-bg-white); border-radius: 50%; transition: all 200ms; }

.blog4-mega-post-box .video-play-button span { display: block; position: relative; z-index: 3; margin-top: 7px; margin-left: 5px; width: 0; height: 0; border-radius: 4px; color: var(--vtc-bg-main6); font-size: 22px; }

@keyframes pulse-border {
	0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }

	100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}

.blog4-mega-post-box .content-area .tags-area .tag { display: inline-block; color: #2051ff; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ text-transform: uppercase; border-radius: 8px; background: rgba(32, 81, 255, 0.2); padding: 8px 12px; }

.blog4-mega-post-box .content-area .tags-area .date { display: inline-block; color: #070a1d; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ text-transform: uppercase; padding-left: 20px; }

.blog4-mega-post-box .content-area .tags-area .date img { width: 22px; transform: translateY(-3px); margin-right: 3px; }

.blog4-boxs-all h5 { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs28); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs28); /* 100% */ text-transform: uppercase; }

.blog4-single-box { border-radius: 16px; border-top: 1px solid var(--vtc-bg-common-4); border-right: 1px solid var(--vtc-bg-common-4); border-bottom: 4px solid var(--vtc-bg-common-4); border-left: 1px solid var(--vtc-bg-common-4); background: rgba(255, 255, 255, 0.8); padding: 28px; transition: all 0.4s; }

.blog4-single-box .image { border-radius: 8px; overflow: hidden; margin-right: 20px; }

.blog4-single-box .image img { transition: all 0.4s; width: 100%; }

.blog4-single-box a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.blog4-single-box a.learn span { display: inline-block; transform: rotate(-45deg); }

.blog4-single-box a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.blog4-single-box:hover { transition: all 0.4s; transform: translateY(-10px); }

.blog4-single-box:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog4-single-box:hover .learn { color: var(--vtc-bg-main6); transition: all 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog4-single-slider { margin: 0px 80px; }
}

.blog4-single-slider .image img { width: 100%; border-radius: 16px; }

.blog4-single-slider .content-area { padding: 40px; border-radius: 16px; background-color: var(--vtc-bg-white); margin: -100px 32px 0px 32px; position: relative; z-index: 2; }

.blog4-single-slider .content-area .tags-area { margin-bottom: 16px; display: flex; align-items: center; }

@media (max-width: 767px) {
	.blog4-single-slider .content-area .tags-area { display: block; }
}

.blog4-single-slider .content-area .tags-area .tag { display: inline-block; color: #2051ff; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ text-transform: uppercase; border-radius: 8px; background: rgba(32, 81, 255, 0.2); padding: 8px 12px; }

.blog4-single-slider .content-area .tags-area .date { display: inline-flex; color: #070a1d; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ text-transform: uppercase; padding-left: 20px; }

@media (max-width: 767px) {
	.blog4-single-slider .content-area .tags-area .date { padding-left: 0; padding-top: 20px; }
}

.blog4-single-slider .content-area .tags-area .date img { width: 22px; transform: translateY(-3px); margin-right: 3px; }

.blog4-buttons button { display: inline-block; border-radius: 50%; border: none; height: 70px; width: 70px; text-align: center; line-height: 70px; font-size: var(--f-fs-font-fs26); background: var(--vtc-bg-common-4); color: var(--vtc-bg-main6); transition: all 0.4s; }

.blog4-buttons button:hover { transition: all 0.4s; color: var(--vtc-text-white); background: var(--vtc-bg-main6); }

.blog4-buttons .blog4-slider-next { position: absolute; left: -70px; top: 50%; margin-top: -35px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog4-buttons .blog4-slider-next { left: 0; }
}

@media (max-width: 767px) {
	.blog4-buttons .blog4-slider-next { left: 0; }
}

.blog4-buttons .blog4-slider-prev { position: absolute; right: -70px; top: 50%; margin-top: -35px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog4-buttons .blog4-slider-prev { right: 0; }
}

@media (max-width: 767px) {
	.blog4-buttons .blog4-slider-prev { right: 0; }
}

.blog-page2-single-box { border: none; border-radius: 9px; transition: all 0.4s; }

.blog-page2-single-box .thumbnail { position: relative; border-radius: 8px 8px 8px 8px; }

.blog-page2-single-box .thumbnail img { transition: all 0.4s; width: 100%; }

.blog-page2-single-box .heading1 { padding: 16px 0; }

.blog-page2-single-box .heading1 .social-area { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }

.blog-page2-single-box .heading1 .social-area a.social { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; }

.blog-page2-single-box .heading1 .social-area a.social:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog-page2-single-box .heading1 .social-area a.time { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-page2-single-box .heading1 .social-area a.time img { transform: translateY(-2px); }

.blog-page2-single-box .heading1 .author-area { display: flex; align-items: center; padding-top: 16px; }

.blog-page2-single-box .heading1 .author-area .author { display: flex; align-items: center; }

.blog-page2-single-box .heading1 .author-area .author .author-tumb { height: 28px; width: 28px; }

.blog-page2-single-box .heading1 .author-area .author .author-tumb img { width: 28px; height: 28px; border-radius: 50%; }

.blog-page2-single-box .heading1 .author-area .author .author-text { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-left: 8px; }

.blog-page2-single-box .heading1 .author-area .date { padding-left: 40px; position: relative; }

.blog-page2-single-box .heading1 .author-area .date a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog-page2-single-box .heading1 .author-area .date a img { transform: translateY(-2px); }

.blog-page2-single-box .heading1 .author-area .date::after { content: ""; position: absolute; top: 4px; left: 16px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

.blog-page2-single-box:hover { transition: all 0.4s; transform: translateY(-10px); background-color: var(--vtc-bg-white); }

.blog2-meets.style-6 { border-bottom: 1px solid #e1e2e3; padding-bottom: 100px; }

.blog2-meets.style-6 .heading2 .sub-titile { background: linear-gradient(113deg, #801cfa 14.93%, #f3213c 92.43%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; }

.blog2-meets.style-6 .blog2-meets-single .heading-area a span { background: var(--vtc-bg-main8); }

.blog2-meets.style-6 .blog2-meets-single .heading-area { border-radius: 8px; background-color: var(--vtc-text-gray4); transition: 0.3s; }

.blog2-meets.style-6 .blog2-meets-single .heading-area:hover { background: var(--vtc-bg-main8); transition: 0.3s; }

.blog2-meets.style-6 .blog2-meets-single .heading-area:hover a span { background: var(--vtc-bg-white); color: var(--vtc-text-black1); transition: 0.3s; }

.blog2-meets.style-6 .blog2-meets-btns button { background: var(--vtc-text-gray4); color: var(--vtc-bg-main8); }

.top-author-box:hover .social6 { opacity: 1; margin-top: 0px; transform: translateY(-15px); transition-duration: 0.3s; }

.top-author-box .social6 { margin-top: 24px; position: absolute; bottom: 0; left: 0; right: 0px; z-index: 10; opacity: 0; transition-duration: 0.3s; }

.top-author-box .social6 ul li { display: inline-block; }

.top-author-box .social6 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; border: 0; color: var(--vtc-text-gray1); margin: 0px 2px; transition: all 0.4s; background-color: #fff; }

.top-author-box .social6 ul li a:hover { transition: all 0.4s; background: var(--vtc-bg-main7); border: 1px solid var(--vtc-bg-main7); color: var(--vtc-text-white); }

@media (max-width: 767px) {
	.hero6 .blog3-content { margin-top: 50px; padding-left: 0; }
}

.sidebar-widget_1 { background-color: var(--vtc-bg-white); padding: 32px 24px; border-radius: 8px; }

.sidebar-widget_1 h3 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 24px; }

.sidebar-widget_1._experience ._experience-box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; margin-bottom: 16px; }

.sidebar-widget_1._experience ._experience-box.divider { border-bottom: 1px solid var(--vtc-border-2); }

.sidebar-widget_1._experience ._experience-box .bold-text { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ }

.sidebar-widget_1._experience ._experience-box .normal-text { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ }

.sidebar-widget_1.instagram-feed .feed-single .image { position: relative; }

.sidebar-widget_1.instagram-feed .feed-single .image::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 8px; background: rgba(7, 10, 29, 0.2); backdrop-filter: blur(1px); transform: scale(0.6); opacity: 0; transition: all 0.4s; }

.sidebar-widget_1.instagram-feed .feed-single .image .insta { display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 3; height: 32px; width: 32px; background-color: var(--vtc-bg-main1); text-align: center; line-height: 32px; border-radius: 4px; color: var(--vtc-text-white); margin-top: -16px; margin-left: -16px; transform: scale(1.4); transition: all 0.4s; opacity: 0; }

.sidebar-widget_1.instagram-feed .feed-single:hover .image::after { opacity: 1; transform: scale(1); transition: all 0.4s; }

.sidebar-widget_1.instagram-feed .feed-single:hover .insta { opacity: 1; transform: scale(1); }

.sidebar-widget_1.instagram-feed .insta-btn { display: flex; justify-content: space-between; margin-top: 28px; color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ transition: all 0.4s; }

.sidebar-widget_1.instagram-feed .insta-btn:hover { color: var(--vtc-bg-main1); transition: all 0.4s; }

.sidebar-widget_1.instagram-feed .insta-btn span { display: inline-block; transform: rotate(-45deg); }

.sidebar-widget_1._search-area1 input { padding: 16px; border-radius: 8px; width: 100%; border: none; background-color: var(--vtc-bg-common-1); }

.sidebar-widget_1._search-area1 input:focus { outline: none; }

.sidebar-widget_1._author-intro h4 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 100% */ text-transform: capitalize; margin-top: 20px; }

.sidebar-widget_1._author-intro p { margin-top: 16px; }

.sidebar-widget_1._recent-posts .blog1-recent-box { display: flex; align-items: center; }

.sidebar-widget_1._recent-posts .blog1-recent-box .recent-thumb { width: 82px; }

.sidebar-widget_1._recent-posts .blog1-recent-box .recent-thumb img { width: 82px; width: 100%; }

.sidebar-widget_1._recent-posts .blog1-recent-box .heading { padding-left: 20px; }

.sidebar-widget_1._recent-posts .blog1-recent-box .heading .date { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ display: inline-block; }

.sidebar-widget_1._recent-posts .blog1-recent-box .heading .date img { transform: translateY(-2px); }

.sidebar-widget_1._recent-posts .blog1-recent-box .heading h5 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs26); /* 162.5% */ padding-top: 8px; transition: all 0.4s; }

.sidebar-widget_1._recent-posts .blog1-recent-box .heading h5 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.sidebar-single-slider { position: relative; padding: 24px 20px; z-index: 3; border-radius: 8px; overflow: hidden; }

.sidebar-single-slider::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/bg/blog1-sidebar-slider-bg.png); border-radius: 8px; z-index: -1; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 1.9s; transform: scale(1.6); }

.sidebar-single-slider .social-top { display: flex; align-items: center; justify-content: space-between; }

.sidebar-single-slider .social { color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ }

.sidebar-single-slider .time { display: inline-flex; color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ }

.sidebar-single-slider .time img { margin-right: 3px; filter: brightness(0) invert(1); transform: translateY(-2px); }

.sidebar-single-slider .heading-area { padding-top: 250px; }

.sidebar-single-slider .heading-area h4 a { display: inline-block; color: var(--white, #FFF); font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; /* 140% */ padding-top: 16px; transition: all 0.4s; }

.sidebar-single-slider .heading-area h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.sidebar-single-slider .heading-area ._author-area { display: flex; align-items: center; justify-content: space-between; }

.sidebar-single-slider .heading-area ._author-area .date { color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ display: inline-flex; }

.sidebar-single-slider .heading-area ._author-area .date img { margin-right: 3px; filter: brightness(0) invert(1); transform: translateY(-2px); }

.sidebar-single-slider .heading-area ._author-area .author { display: flex; align-items: center; }

.sidebar-single-slider .heading-area ._author-area .author .author_thumb img { width: 28px; width: 28px; border-radius: 50%; }

.sidebar-single-slider .heading-area ._author-area .author .author-name { color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ display: inline-block; margin-left: 9px; }

.sidebar-single-slider.slick-current.slick-active::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/bg/blog1-sidebar-slider-bg.png); border-radius: 8px; z-index: -1; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 2s; transform: scale(1); }

.sidebar-slider-widget .slick-dots { position: absolute; bottom: -30px; left: 50%; margin-top: -30px; list-style-type: none; display: flex; align-items: center; margin-left: -48px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar-slider-widget .slick-dots { bottom: -25px; }
}

@media (max-width: 767px) {
	.sidebar-slider-widget .slick-dots { bottom: -25px; }
}

.sidebar-slider-widget .slick-dots li { margin: 0 0.25rem; }

.sidebar-slider-widget .slick-dots button { display: block; width: 8px; height: 8px; padding: 0; margin: 0px 5px; border: none; border-radius: 100%; background-color: #DEE0EC; text-indent: -9999px; position: relative; }

.sidebar-slider-widget .slick-dots button::after { content: ""; position: absolute; top: -5px; left: -5px; height: 18px; width: 18px; border: 5px solid #DEE0EC; border-radius: 50%; opacity: 0; transition: all 0.4s; }

.sidebar-slider-widget .slick-dots li.slick-active button { background-color: #0A0571; }

.sidebar-slider-widget .slick-dots li.slick-active button::after { opacity: 1; transition: all 0.4s; }

.blog1-sidebar-area { position: sticky !important; top: 120px !important; left: 0; }

.sidebar-widget_2 { border-radius: 8px; border-top: 1px solid var(--vtc-bg-common-4); border-right: 1px solid var(--vtc-bg-common-4); border-bottom: 4px solid var(--vtc-bg-common-4); border-left: 1px solid var(--vtc-bg-common-4); background: var(--vtc-bg-white); padding: 32px 24px; border-radius: 8px; }

.sidebar-widget_2 h3 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 24px; }

.sidebar-widget_2 .footer-social1 ul li a { background-color: var(--vtc-bg-common-4); border: none; color: var(--vtc-text-black1); }

.sidebar-widget_2 .footer-social1 ul li a:hover { border: none; background-color: var(--vtc-bg-main6); }

.sidebar-widget_2.instagram-feed .feed-single .image { position: relative; }

.sidebar-widget_2.instagram-feed .feed-single .image::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 8px; background: rgba(7, 10, 29, 0.2); backdrop-filter: blur(1px); transform: scale(0.6); opacity: 0; transition: all 0.4s; }

.sidebar-widget_2.instagram-feed .feed-single .image .insta { display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 3; height: 32px; width: 32px; background-color: var(--vtc-bg-main6); text-align: center; line-height: 32px; border-radius: 4px; color: var(--vtc-text-white); margin-top: -16px; margin-left: -16px; transform: scale(1.4); transition: all 0.4s; opacity: 0; }

.sidebar-widget_2.instagram-feed .feed-single:hover .image::after { opacity: 1; transform: scale(1); transition: all 0.4s; }

.sidebar-widget_2.instagram-feed .feed-single:hover .insta { opacity: 1; transform: scale(1); }

.sidebar-widget_2.instagram-feed .insta-btn { display: flex; justify-content: space-between; margin-top: 28px; color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ transition: all 0.4s; }

.sidebar-widget_2.instagram-feed .insta-btn:hover { color: var(--vtc-bg-main1); transition: all 0.4s; }

.sidebar-widget_2.instagram-feed .insta-btn span { display: inline-block; transform: rotate(-45deg); }

.sidebar-widget_2._search-area1 input { padding: 16px; border-radius: 8px; width: 100%; border: none; background-color: var(--vtc-bg-common-4); }

.sidebar-widget_2._search-area1 input:focus { outline: none; }

.sidebar-widget_2._search-area1 input::placeholder { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ }

.sidebar-widget_2._author-intro h4 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 100% */ text-transform: capitalize; margin-top: 20px; }

.sidebar-widget_2._author-intro p { margin-top: 16px; }

.sidebar-widget_2._recent-posts .blog1-recent-box { display: flex; align-items: center; }

.sidebar-widget_2._recent-posts .blog1-recent-box .recent-thumb { width: 82px; }

.sidebar-widget_2._recent-posts .blog1-recent-box .recent-thumb img { width: 82px; width: 100%; }

.sidebar-widget_2._recent-posts .blog1-recent-box .heading { padding-left: 20px; }

.sidebar-widget_2._recent-posts .blog1-recent-box .heading .date { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ display: inline-block; }

.sidebar-widget_2._recent-posts .blog1-recent-box .heading .date img { transform: translateY(-2px); }

.sidebar-widget_2._recent-posts .blog1-recent-box .heading h5 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs26); /* 162.5% */ padding-top: 8px; transition: all 0.4s; }

.sidebar-widget_2._recent-posts .blog1-recent-box .heading h5 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.sidebar-widget_2._trending-post .image { overflow: hidden; border-radius: 8px; }

.sidebar-widget_2._trending-post .image img { transition: all 0.4s; width: 100%; }

.sidebar-widget_2._trending-post .content-area h4 a { color: var(--vtc-text-black3); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs28); /* 140% */ text-transform: capitalize; transition: all 0.4s; }

.sidebar-widget_2._trending-post .content-area h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.sidebar-widget_2._trending-post .content-area a.learn { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-bold); line-height: var(--f-fs-font-fs16); /* 100% */ transition: all 0.4s; margin-top: 20px; }

.sidebar-widget_2._trending-post .content-area a.learn span { display: inline-block; transform: rotate(-45deg); }

.sidebar-widget_2._trending-post .content-area a.learn:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.sidebar-widget_2._trending-post .content-area .author-area { padding-bottom: 16px; padding-top: 22px; }

.sidebar-widget_2._trending-post .content-area .author-area a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-right: 36px; position: relative; }

.sidebar-widget_2._trending-post .content-area .author-area a img { transform: translateY(-2px); margin-right: 3px; }

.sidebar-widget_2._trending-post .content-area .author-area a:nth-last-child(1)::after { content: ""; position: absolute; top: 0; left: -18px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

.sidebar-widget_2._trending-post:hover .image img { transition: all 0.4s; transform: scale(1.1) rotate(2deg); }

.blog4-sidebar-area { position: sticky; top: 120px; left: 0; }

.sidebar-details-widget_1 { background-color: var(--vtc-bg-common-1); padding: 32px 24px; border-radius: 8px; }

.sidebar-details-widget_1 h3 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 24px; }

.sidebar-details-widget_1._experience ._experience-box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; margin-bottom: 16px; }

.sidebar-details-widget_1._experience ._experience-box.divider { border-bottom: 1px solid var(--vtc-border-2); }

.sidebar-details-widget_1._experience ._experience-box .bold-text { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ }

.sidebar-details-widget_1._experience ._experience-box .normal-text { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ }

.sidebar-details-widget_1.instagram-feed .feed-single .image { position: relative; }

.sidebar-details-widget_1.instagram-feed .feed-single .image::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 8px; background: rgba(7, 10, 29, 0.2); backdrop-filter: blur(1px); transform: scale(0.6); opacity: 0; transition: all 0.4s; }

.sidebar-details-widget_1.instagram-feed .feed-single .image .insta { display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 3; height: 32px; width: 32px; background-color: var(--vtc-bg-main1); text-align: center; line-height: 32px; border-radius: 4px; color: var(--vtc-text-white); margin-top: -16px; margin-left: -16px; transform: scale(1.4); transition: all 0.4s; opacity: 0; }

.sidebar-details-widget_1.instagram-feed .feed-single:hover .image::after { opacity: 1; transform: scale(1); transition: all 0.4s; }

.sidebar-details-widget_1.instagram-feed .feed-single:hover .insta { opacity: 1; transform: scale(1); }

.sidebar-details-widget_1.instagram-feed .insta-btn { display: flex; justify-content: space-between; margin-top: 28px; color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; /* 100% */ transition: all 0.4s; }

.sidebar-details-widget_1.instagram-feed .insta-btn:hover { color: var(--vtc-bg-main1); transition: all 0.4s; }

.sidebar-details-widget_1.instagram-feed .insta-btn span { display: inline-block; transform: rotate(-45deg); }

.sidebar-details-widget_1._search-area1 input { padding: 16px; border-radius: 8px; width: 100%; border: none; background-color: var(--vtc-bg-white); }

.sidebar-details-widget_1._search-area1 input:focus { outline: none; }

.sidebar-details-widget_1._author-intro h4 { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs32); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs32); /* 100% */ text-transform: capitalize; margin-top: 20px; }

.sidebar-details-widget_1._author-intro p { margin-top: 16px; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box { display: flex; align-items: center; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .recent-thumb { width: 82px; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .recent-thumb img { width: 82px; width: 100%; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .heading { padding-left: 20px; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .heading .date { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ display: inline-block; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .heading .date img { transform: translateY(-2px); }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .heading h5 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs26); /* 162.5% */ padding-top: 8px; transition: all 0.4s; }

.sidebar-details-widget_1._recent-posts .blog1-recent-box .heading h5 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.footer-social1 { margin-top: 24px; }

.footer-social1 ul li { display: inline-block; }

.footer-social1 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; border: 1px solid var(--vtc-text-gray1); color: var(--vtc-text-gray1); margin: 0px 2px; transition: all 0.4s; }

.footer-social1 ul li a:hover { transition: all 0.4s; background-color: var(--vtc-bg-main1); border: 1px solid var(--vtc-bg-main1); color: var(--vtc-text-white); }

.footer-list1 h3 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 700; line-height: var(--f-fs-font-fs20); /* 100% */ margin-bottom: 20px; }

.footer-list1 a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-top: 10px; }

.footer-list1 a:hover { transition: all 0.4s; transform: translateX(5px); color: var(--vtc-bg-main1); }

.footer-contact-list1 h3 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 700; line-height: var(--f-fs-font-fs20); /* 100% */ margin-bottom: 20px; }

.footer-contact-list1 .footer-contact-box1 { display: flex; align-items: start; padding-top: 10px; }

.footer-contact-list1 .footer-contact-box1 .icon img { width: 30px; }

.footer-contact-list1 .footer-contact-box1 .text a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 20px; }

.footer-contact-list1 .footer-contact-box1 .text a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.coppyrihgt1 .coppyrihgt-border { border-top: 1px solid var(--vtc-border-1); padding: 16px 0px; }

.coppyrihgt1 .coppyrihgt-border p { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; }

.coppyrihgt1 .conditions { text-align: end; }

@media (max-width: 767px) {
	.coppyrihgt1 .conditions { text-align: start; margin-top: 12px; }
}

.coppyrihgt1 .conditions a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 30px; position: relative; }

.coppyrihgt1 .conditions a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

@media (max-width: 767px) {
	.coppyrihgt1 .conditions a:nth-child(1) { padding-left: 0; }
}

.coppyrihgt1 .conditions a:nth-last-child(1)::after { content: ""; position: absolute; top: 4px; left: 10px; height: 16px; width: 1px; background-color: var(--vtc-border-1); }

.logo-area2 p { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.footer-social2 { margin-top: 24px; }

.footer-social2 ul li { display: inline-block; }

.footer-social2 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: var(--vtc-text-black2); background-color: var(--vtc-bg-common-3); margin: 0px 2px; transition: all 0.4s; }

.footer-social2 ul li a:hover { transition: all 0.4s; background-color: var(--vtc-bg-main3); color: var(--vtc-text-white); }

.footer-list2 h3 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 20px; }

.footer-list2 a { display: inline-block; color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-top: 10px; }

.footer-list2 a:hover { transition: all 0.4s; transform: translateX(5px); color: var(--vtc-bg-main3); }

.footer-contact-list2 h3 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 20px; }

.footer-contact-list2 .footer-contact-box1 { display: flex; align-items: start; padding-top: 10px; }

.footer-contact-list2 .footer-contact-box1 .icon img { width: 20px; }

.footer-contact-list2 .footer-contact-box1 .text a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 12px; }

.footer-contact-list2 .footer-contact-box1 .text a:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.footer2-blog { display: flex; align-items: center; padding-top: 20px; }

.footer2-blog .image { width: 120px; }

.footer2-blog .image img { width: 120px; }

.footer2-blog .heading { padding-left: 20px; }

.footer2-blog .heading .date { color: #010206; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-transform: uppercase; display: inline-block; }

.footer2-blog .heading .date img { transform: translateY(-2px); margin-right: 2px; }

.footer2-blog .heading h4 a { color: #010206; display: inline-block; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ text-transform: capitalize; transition: all 0.4s; padding: 12px 0px; }

.footer2-blog .heading h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.footer2-blog .heading .learn { display: inline-block; color: #010206; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ transition: all 0.4s; }

.footer2-blog .heading .learn span { display: inline-block; transform: rotate(-45deg); }

.footer2-blog .heading .learn:hover { transition: all 0.4s; color: var(--vtc-bg-main3); }

.footer-social3 { margin-top: 24px; }

.footer-social3 ul li { display: inline-block; }

.footer-social3 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; border: 1px solid var(--vtc-text-gray1); color: var(--vtc-text-gray1); margin: 0px 2px; transition: all 0.4s; }

.footer-social3 ul li a:hover { transition: all 0.4s; background-color: var(--vtc-bg-main4); border: 1px solid var(--vtc-bg-main4); color: var(--vtc-text-white); }

.footer-list3 h3 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 700; line-height: var(--f-fs-font-fs20); /* 100% */ margin-bottom: 20px; }

.footer-list3 a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-top: 10px; }

.footer-list3 a:hover { transition: all 0.4s; transform: translateX(5px); color: var(--vtc-bg-main4); }

.footer-contact-list3 h3 { color: var(--Home-Page-1-Text-Color, #0A0D12); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: 700; line-height: var(--f-fs-font-fs20); /* 100% */ margin-bottom: 20px; }

.footer-contact-list3 .footer-contact-box3 { display: flex; align-items: start; padding-top: 10px; }

.footer-contact-list3 .footer-contact-box3 .icon img { width: 30px; }

.footer-contact-list3 .footer-contact-box3 .text a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); transition: all 0.4s; }

.footer-contact-list3 .footer-contact-box3 .text a:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

.coppyrihgt3 .coppyrihgt-border { border-top: 1px solid var(--vtc-border-1); padding: 16px 0 20px 0; }

.coppyrihgt3 .coppyrihgt-border p { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; }

.coppyrihgt3 .conditions { text-align: end; }

@media (max-width: 767px) {
	.coppyrihgt3 .conditions { text-align: start; margin-top: 12px; }
}

.coppyrihgt3 .conditions a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 30px; position: relative; }

.coppyrihgt3 .conditions a:hover { transition: all 0.4s; color: var(--vtc-bg-main4); }

@media (max-width: 767px) {
	.coppyrihgt3 .conditions a:nth-child(1) { padding-left: 0; }
}

.logo-area4 p { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs26); /* 162.5% */ }

.footer-social4 { margin-top: 24px; }

.footer-social4 ul li { display: inline-block; }

.footer-social4 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: var(--vtc-text-black2); background-color: var(--vtc-bg-common-4); margin: 0px 2px; transition: all 0.4s; }

.footer-social4 ul li a:hover { transition: all 0.4s; background-color: var(--vtc-bg-main6); color: var(--vtc-text-white); }

.footer-list4 h3 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 20px; }

.footer-list4 a { display: inline-block; color: var(--vtc-text-gray2); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-top: 10px; }

.footer-list4 a:hover { transition: all 0.4s; transform: translateX(5px); color: var(--vtc-bg-main6); }

.footer-contact-list4 h3 { color: var(--vtc-text-black2); font-size: var(--f-fs-font-fs24); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs24); /* 100% */ margin-bottom: 20px; }

.footer-contact-list4 .footer-contact-box4 { display: flex; align-items: start; padding-top: 10px; }

.footer-contact-list4 .footer-contact-box4 .icon img { width: 20px; }

.footer-contact-list4 .footer-contact-box4 .text a { display: inline-block; color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 12px; }

.footer-contact-list4 .footer-contact-box4 .text a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.footer4-blog { display: flex; align-items: center; padding-top: 20px; }

.footer4-blog .image { width: 120px; }

.footer4-blog .image img { width: 120px; }

.footer4-blog .heading { padding-left: 20px; }

.footer4-blog .heading .date { color: #010206; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-transform: uppercase; display: inline-block; }

.footer4-blog .heading .date img { transform: translateY(-2px); margin-right: 2px; }

.footer4-blog .heading h4 a { color: #010206; display: inline-block; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ text-transform: capitalize; transition: all 0.4s; padding: 12px 0px; }

.footer4-blog .heading h4 a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.footer4-blog .heading .learn { display: inline-block; color: #010206; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ transition: all 0.4s; }

.footer4-blog .heading .learn span { display: inline-block; transform: rotate(-45deg); }

.footer4-blog .heading .learn:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

.coppyrihgt4 .coppyrihgt-border { border-top: 1px solid var(--vtc-border-1); padding: 16px 0px; }

.coppyrihgt4 .coppyrihgt-border p { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; }

.coppyrihgt4 .conditions { text-align: end; }

@media (max-width: 767px) {
	.coppyrihgt4 .conditions { text-align: start; margin-top: 12px; }
}

.coppyrihgt4 .conditions a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; padding-left: 30px; position: relative; }

.coppyrihgt4 .conditions a:hover { transition: all 0.4s; color: var(--vtc-bg-main6); }

@media (max-width: 767px) {
	.coppyrihgt4 .conditions a:nth-child(1) { padding-left: 0; }
}

.coppyrihgt4 .conditions a:nth-last-child(1)::after { content: ""; position: absolute; top: 4px; left: 10px; height: 16px; width: 1px; background-color: var(--vtc-border-1); }

.header-area.header-area2 .main-menu-ex.main-menu-ex1 ul li a.active { color: #0E38B1; }

.header-area.header-area3 .main-menu-ex.main-menu-ex1 ul li a.active { color: #2A8F46; }

.header-area.header-area4 .main-menu-ex.main-menu-ex1 ul li a.active { color: #C5F66E; }

.header-area.header-area5 .main-menu-ex.main-menu-ex1 ul li a.active { color: #F6D06D; }

.site-logo { max-width: 200px; height: auto; display: flex; align-items: center; }

.site-logo a { display: inline-block; position: relative; z-index: 9; }

.header-area .header-elements { display: flex; align-items: center; align-items: center; justify-content: space-between; }

.main-menu-ex li { display: inline-block; }

.main-menu-ex li { position: relative; z-index: 9; margin: 0 2px; }

.main-menu-ex li li { display: block; }

@-webkit-keyframes fade-in-down {
	0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }

	100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fade-in-down {
	0% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }

	100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.main-menu-ex li > ul { opacity: 0; visibility: hidden; top: 60px; right: 0; transition: all 0.3s; transform: translateY(20px) rotateX(45deg); }

.main-menu-ex li li > ul { left: 100%; right: auto; }

.main-menu-ex li li:hover > ul { top: 0; }

.main-menu-ex li:hover > ul { visibility: visible; opacity: 1; top: 50px; transition: all 0.3s; z-index: 99; transform: translateY(0); }

li.has-dropdown1 { position: relative; }

li.has-dropdown1 span { position: absolute; right: 10px; }

.header-area.header-area1 { position: absolute; z-index: 999; width: 100%; top: 0; }

.header-area.header-area1 .header-elements .main-menu-ex { padding: 16px 0px; position: relative; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 205.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 36px 0; left: -625px; width: 1300px; min-height: 440px; overflow-x: hidden; overflow-y: hidden; transform-origin: top; display: block; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main1); border-radius: 4px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all ul { box-shadow: none !important; padding: 0px 10px !important; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all ul::after { display: none; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all ul li a { display: inline-block; padding: 8px 0px 8px 30px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single { position: relative; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #081120; padding-left: 44px; position: relative; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after { content: ""; position: absolute; bottom: -14px; left: 43px; height: 2px; width: 25%; background-color: rgba(145, 145, 145, 0.2117647059); }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after { content: ""; position: absolute; top: 0; left: 0; height: 400px; width: 2px; background-color: rgba(145, 145, 145, 0.2117647059); z-index: 99; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after { display: none; }

.header-area.header-area1 .header-elements .main-menu-ex ul li:hover .mega-menu-all { opacity: 1; visibility: visible; transform: scale(1) translateY(-30px); }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 201.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 20px 20px 10px 20px; left: -310px; width: 1295px; max-height: 600px; overflow: hidden; transform-origin: top; display: block; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main1); border-radius: 4px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu { display: flex; align-items: center; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb { transition: all 0.4s; position: relative; z-index: 1; margin: 0 20px 0 0; text-align: center; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text { color: #000; font-size: var(--f-fs-font-fs18); font-style: normal; font-weight: 500; line-height: var(--f-fs-font-fs22); /* 100% */ letter-spacing: 0.18px; display: inline-block; padding-top: 16px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text:hover { color: var(--vtc-bg-main1); }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after { transform: scale(1); transition: all 0.4s; visibility: visible; opacity: 0.4; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn { top: 50%; visibility: visible; opacity: 1; transition: all 0.6s; margin-top: -50px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text { color: #fa7d3c; transition: all 0.4s; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 { position: relative; z-index: 1; overflow: hidden; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; transition: all 0.4s; background: #000026; opacity: 0; border-radius: 4px; transform: scale(0.8); z-index: 1; visibility: hidden; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img { height: 100%; width: 100%; border-radius: 4px; transition: all 0.4s; border: 1px solid #e5e7eb; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn { position: absolute; top: 50%; z-index: 2; visibility: hidden; opacity: 0; text-align: center; transition: all 0.6s; margin: 0 auto; left: 18%; right: 20%; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 { display: inline-block; padding: 18px; transition: all 0.4s; border-radius: 111px; position: relative; width: 150px; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ text-transform: capitalize; z-index: 1; background-color: var(--vtc-bg-main1); }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i { transform: rotate(-45deg); margin-left: 4px; transition: all 0.4s; }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover { color: #fff; transition: all 0.4s; transform: translateY(-5px); background: var(--vtc-bg-main1); }

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i { transform: rotate(0); transition: all 0.4s; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul { position: absolute; left: 0; top: 50px; border-radius: 0px 0px 5px 5px; background: #fff; width: 210px; box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; padding: 10px; z-index: 99; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul::after { content: ""; position: absolute; top: -2px; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main1); border-radius: 4px; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul:hover > a { transition: all 0.4s; padding-left: 25px; color: red; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul:hover > a::after { background: blue; transition: all 0.4s; visibility: visible; opacity: 1; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li ul { left: 190px; top: 10px; z-index: 99; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a { color: var(--qt-text-h-text3); }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a::after { content: ""; position: absolute; bottom: 0; left: -10px; width: 0px; height: 100%; color: var(--vtc-bg-main1); border-radius: 4px; transition: all 0.4s; z-index: -1; opacity: 1; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a:hover { color: var(--vtc-bg-main1); transition: all 0.4s; }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a:hover::after { background-color: var(--vtc-bg-main1); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area1 .header-elements .main-menu-ex ul li a { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); display: block; font-weight: var(--f-fw-medium); padding: 8px 12px; transition: all 0.3s; }

.header-area.header-area1 .header-elements .main-menu-ex ul li a:hover { color: var(--vtc-bg-main1); }

.header-area.header-area1 .header-elements .main-menu-ex ul li:hover .tp-submenu { visibility: visible; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9; top: 150.3%; position: absolute; transition: all 0.4s; transform: scale(1); }

.header-area.header-area1 .header-elements .header1-buttons { display: flex; align-items: center; }

.header-area.header-area1 .header-elements .header1-buttons span { display: inline-block; }

.header-area.header-area1 .header-elements .header1-buttons span img { margin-left: 10px; margin-top: -5px; }

.header-area.header-area1 .header-elements .header1-buttons .search-open-btn { border: none; font-size: 20px; background: none; margin-right: 36px; position: relative; }

.header-area.header-area1 .header-elements .header1-buttons .search-open-btn::after { content: ""; position: absolute; right: -16px; top: 4px; height: 20px; width: 1px; background-color: var(--vtc-border-2); }

.header-area1.sticky { position: fixed; top: 0; left: 0; width: 100%; transform: translate3d(0, 0, 0); z-index: 111; -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--vtc-bg-white); box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; transition: all 0.3s ease-in-out; z-index: 999; }

.header-area1.sticky .header-elements { padding: 0 0 !important; margin-top: 0px !important; background: none !important; }

.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 { color: var(--vtc-bg-main1); }

.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1 { color: var(--vtc-bg-main1); }

.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main { color: var(--vtc-bg-main1); }

.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after { background-color: var(--vtc-bg-main1); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area2 { position: absolute; width: 100%; z-index: 999; margin-top: 20px; }

.header-area.header-area2 .header-elements { border-radius: 16px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); padding: 8px 24px; border-radius: 16px; }

.header-area.header-area2 .header-elements .main-menu-ex { padding: 16px 0px; position: relative; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 205.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 36px 0; left: -625px; width: 1300px; min-height: 440px; overflow-x: hidden; overflow-y: hidden; transform-origin: top; display: block; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main3); border-radius: 4px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all ul { box-shadow: none !important; padding: 0px 10px !important; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all ul::after { display: none; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all ul li a { display: inline-block; padding: 8px 0px 8px 30px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single { position: relative; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #081120; padding-left: 44px; position: relative; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after { content: ""; position: absolute; bottom: -14px; left: 43px; height: 2px; width: 25%; background-color: rgba(145, 145, 145, 0.2117647059); }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after { content: ""; position: absolute; top: 0; left: 0; height: 400px; width: 2px; background-color: rgba(145, 145, 145, 0.2117647059); z-index: 99; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after { display: none; }

.header-area.header-area2 .header-elements .main-menu-ex ul li:hover .mega-menu-all { opacity: 1; visibility: visible; transform: scale(1) translateY(-30px); }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 201.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 20px 20px 10px 20px; left: -276px; width: 1295px; max-height: 600px; overflow: hidden; transform-origin: top; display: block; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main3); border-radius: 4px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu { display: flex; align-items: center; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb { transition: all 0.4s; position: relative; z-index: 1; margin: 0 20px 0 0; text-align: center; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text { color: #000; font-size: var(--f-fs-font-fs22); font-style: normal; font-weight: 500; line-height: var(--f-fs-font-fs22); /* 100% */ letter-spacing: 0.18px; display: inline-block; padding-top: 16px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text:hover { color: var(--vtc-bg-main3); }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after { transform: scale(1); transition: all 0.4s; visibility: visible; opacity: 0.4; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn { top: 50%; visibility: visible; opacity: 1; transition: all 0.6s; margin-top: -50px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text { color: #fa7d3c; transition: all 0.4s; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 { position: relative; z-index: 1; overflow: hidden; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; transition: all 0.4s; background: #000026; opacity: 0; border-radius: 4px; transform: scale(0.8); z-index: 1; visibility: hidden; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img { height: 100%; width: 100%; border-radius: 4px; transition: all 0.4s; border: 1px solid #e5e7eb; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn { position: absolute; top: 50%; z-index: 2; visibility: hidden; opacity: 0; text-align: center; transition: all 0.6s; margin: 0 auto; left: 18%; right: 20%; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 { display: inline-block; padding: 18px; transition: all 0.4s; border-radius: 8px; position: relative; width: 150px; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ text-transform: capitalize; z-index: 1; background: var(--vtc-bg-main2); }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i { transform: rotate(-45deg); margin-left: 4px; transition: all 0.4s; }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover { color: #fff; transition: all 0.4s; transform: translateY(-5px); background: var(--vtc-bg-main2); }

.header-area.header-area2 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i { transform: rotate(0); transition: all 0.4s; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul { position: absolute; left: 0; top: 50px; border-radius: 0px 0px 5px 5px; background: #fff; width: 210px; box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; padding: 10px; z-index: 99; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul::after { content: ""; position: absolute; top: -2px; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main3); border-radius: 4px; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul:hover > a { transition: all 0.4s; padding-left: 25px; color: red; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul:hover > a::after { background: blue; transition: all 0.4s; visibility: visible; opacity: 1; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul li ul { left: 190px; top: 10px; z-index: 99; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul li a { color: var(--qt-text-h-text3); }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul li a::after { content: ""; position: absolute; bottom: 0; left: -10px; width: 0px; height: 100%; color: var(--vtc-bg-main3); border-radius: 4px; transition: all 0.4s; z-index: -1; opacity: 1; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul li a:hover { color: var(--vtc-bg-main3); transition: all 0.4s; }

.header-area.header-area2 .header-elements .main-menu-ex ul li ul li a:hover::after { background-color: var(--vtc-bg-main3); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area2 .header-elements .main-menu-ex ul li a { color: var(--vtc-bg-white); font-size: var(--f-fs-font-fs16); display: block; font-weight: var(--f-fw-medium); padding: 8px 12px; transition: all 0.3s; }

.header-area.header-area2 .header-elements .main-menu-ex ul li a:hover { color: var(--vtc-bg-main3); }

.header-area.header-area2 .header-elements .main-menu-ex ul li:hover .tp-submenu { visibility: visible; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9; top: 150.3%; position: absolute; transition: all 0.4s; transform: scale(1); }

.header-area.header-area2 .header-elements .header1-buttons { display: flex; align-items: center; }

.header-area.header-area2 .header-elements .header1-buttons span { display: inline-block; }

.header-area.header-area2 .header-elements .header1-buttons span img { margin-left: 10px; margin-top: -5px; }

.header-area.header-area2 .header-elements .header1-buttons .search-open-btn { border: none; font-size: 20px; background: none; margin-right: 36px; position: relative; color: var(--vtc-bg-white); }

.header-area.header-area2 .header-elements .header1-buttons .search-open-btn::after { content: ""; position: absolute; right: -16px; top: 4px; height: 20px; width: 1px; background-color: var(--vtc-border-2); opacity: 0.4; }

.header-area2.sticky { position: fixed; top: 0; left: 0; width: 100%; transform: translate3d(0, 0, 0); z-index: 111; -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--vtc-text-black1); box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; transition: all 0.3s ease-in-out; margin-top: 0; z-index: 999; padding: 8px 0px; }

.header-area2.sticky .header-elements { padding: 0 0 !important; margin-top: 0px !important; background: none !important; }

.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-area.header-area2 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 { color: var(--vtc-bg-main3); }

.header-area.header-area2 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1 { color: var(--vtc-bg-main3); }

.header-area.header-area2 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main { color: var(--vtc-bg-main3); }

.header-area.header-area2 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after { background-color: var(--vtc-bg-main3); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area3 { position: absolute; width: 100%; z-index: 999; padding-top: 10px; }

.header-area.header-area3 .header-elements .main-menu-ex { padding: 16px 0px; position: relative; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 205.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 36px 0; left: -625px; width: 1300px; min-height: 440px; overflow-x: hidden; overflow-y: hidden; transform-origin: top; display: block; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main4); border-radius: 4px; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all ul { box-shadow: none !important; padding: 0px 10px !important; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all ul::after { display: none; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all ul li a { display: inline-block; padding: 8px 0px 8px 30px; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single { position: relative; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #081120; padding-left: 44px; position: relative; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after { content: ""; position: absolute; bottom: -14px; left: 43px; height: 2px; width: 25%; background-color: rgba(145, 145, 145, 0.2117647059); }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after { content: ""; position: absolute; top: 0; left: 0; height: 400px; width: 2px; background-color: rgba(145, 145, 145, 0.2117647059); z-index: 99; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after { display: none; }

.header-area.header-area3 .header-elements .main-menu-ex ul li:hover .mega-menu-all { opacity: 1; visibility: visible; transform: scale(1) translateY(-30px); }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 201.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 20px 20px 10px 20px; left: -276px; width: 1295px; max-height: 600px; overflow: hidden; transform-origin: top; display: block; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main4); border-radius: 4px; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu { display: flex; align-items: center; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb { transition: all 0.4s; position: relative; z-index: 1; margin: 0 20px 0 0; text-align: center; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text { color: #000; font-size: var(--f-fs-font-fs22); font-style: normal; font-weight: 500; line-height: var(--f-fs-font-fs22); /* 100% */ letter-spacing: 0.18px; display: inline-block; padding-top: 16px; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text:hover { color: var(--vtc-bg-main4); }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after { transform: scale(1); transition: all 0.4s; visibility: visible; opacity: 0.4; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn { top: 50%; visibility: visible; opacity: 1; margin-top: -50px; transition: all 0.6s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text { color: #fa7d3c; transition: all 0.4s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 { position: relative; z-index: 1; overflow: hidden; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; transition: all 0.4s; background: #000026; opacity: 0; border-radius: 4px; transform: scale(0.8); z-index: 1; visibility: hidden; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img { height: 100%; width: 100%; border-radius: 4px; transition: all 0.4s; border: 1px solid #e5e7eb; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn { position: absolute; top: 50%; z-index: 2; visibility: hidden; opacity: 0; text-align: center; transition: all 0.6s; margin: 0 auto; left: 18%; right: 20%; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 { display: inline-block; padding: 18px; transition: all 0.4s; border-radius: 8px; position: relative; width: 150px; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ text-transform: capitalize; z-index: 1; background: var(--vtc-bg-main4); }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i { transform: rotate(-45deg); margin-left: 4px; transition: all 0.4s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover { color: #fff; transition: all 0.4s; transform: translateY(-5px); background: var(--vtc-bg-main4); }

.header-area.header-area3 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i { transform: rotate(0); transition: all 0.4s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul { position: absolute; left: 0; top: 38px; border-radius: 0px 0px 5px 5px; background: #fff; width: 210px; box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; padding: 10px; z-index: 99; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul::after { content: ""; position: absolute; top: -2px; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main4); border-radius: 4px; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul:hover > a { transition: all 0.4s; padding-left: 25px; color: red; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul:hover > a::after { background: blue; transition: all 0.4s; visibility: visible; opacity: 1; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul li ul { left: 190px; top: 10px; z-index: 99; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul li a { color: var(--qt-text-h-text3); }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul li a::after { content: ""; position: absolute; bottom: 0; left: -10px; width: 0px; height: 100%; color: var(--vtc-bg-main4); border-radius: 4px; transition: all 0.4s; z-index: -1; opacity: 1; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul li a:hover { color: var(--vtc-bg-main4); transition: all 0.4s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li ul li a:hover::after { background-color: var(--vtc-bg-main4); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area3 .header-elements .main-menu-ex ul li a { color: var(--vtc-text-black1); font-size: 13px; display: block; font-weight: var(--f-fw-medium); padding: 6px 10px; transition: all 0.3s; }

.header-area.header-area3 .header-elements .main-menu-ex ul li a:hover { color: var(--vtc-bg-main4); }

.header-area.header-area3 .header-elements .main-menu-ex ul li:hover .tp-submenu { visibility: visible; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9; top: 150.3%; position: absolute; transition: all 0.4s; transform: scale(1); }

.header-area.header-area3 .header-elements .header1-buttons { display: flex; align-items: center; }

.header-area.header-area3 .header-elements .header1-buttons span { display: inline-block; }

.header-area.header-area3 .header-elements .header1-buttons span img { margin-left: 10px; margin-top: -5px; }

.header-area.header-area3 .header-elements .header1-buttons .search-open-btn { border: none; font-size: 18px; background: none; position: relative; color: var(--vtc-text-black1); cursor: pointer; margin: -4px 0 0 0; }

.header-area.header-area3 .header-elements .header1-buttons .search-open-btn::after { content: ""; position: absolute; top: 4px; height: 20px; width: 1px; }

.header-area3.sticky { position: fixed; top: 0; left: 0; width: 100%; transform: translate3d(0, 0, 0); z-index: 111; -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--vtc-bg-white); box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; transition: all 0.3s ease-in-out; margin-top: 0; z-index: 999; padding: 4px 0px; }

.header-area3.sticky .header-elements { padding: 0 0 !important; margin-top: 0px !important; background: none !important; }

.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-area.header-area3 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 { color: var(--vtc-bg-main4); }

.header-area.header-area3 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1 { color: var(--vtc-bg-main4); }

.header-area.header-area3 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main { color: var(--vtc-bg-main4); }

.header-area.header-area3 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after { background-color: var(--vtc-bg-main4); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area4 { position: absolute; width: 100%; z-index: 999; margin-top: 20px; }

.header-area.header-area4 .header-elements { border-radius: 111px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); padding: 8px 24px; }

.header-area.header-area4 .header-elements .main-menu-ex { padding: 16px 0px; position: relative; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 205.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 36px 0; left: -625px; width: 1300px; min-height: 440px; overflow-x: hidden; overflow-y: hidden; transform-origin: top; display: block; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main6); border-radius: 4px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all ul { box-shadow: none !important; padding: 0px 10px !important; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all ul::after { display: none; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all ul li a { display: inline-block; padding: 8px 0px 8px 30px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single { position: relative; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #081120; padding-left: 44px; position: relative; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after { content: ""; position: absolute; bottom: -14px; left: 43px; height: 2px; width: 25%; background-color: rgba(145, 145, 145, 0.2117647059); }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after { content: ""; position: absolute; top: 0; left: 0; height: 400px; width: 2px; background-color: rgba(145, 145, 145, 0.2117647059); z-index: 99; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after { display: none; }

.header-area.header-area4 .header-elements .main-menu-ex ul li:hover .mega-menu-all { opacity: 1; visibility: visible; transform: scale(1) translateY(-30px); }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 201.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 20px 20px 10px 20px; left: -260px; width: 1295px; max-height: 600px; overflow: hidden; transform-origin: top; display: block; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main6); border-radius: 4px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu { display: flex; align-items: center; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb { transition: all 0.4s; position: relative; z-index: 1; margin: 0 20px 0 0; text-align: center; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text { color: #000; font-size: var(--f-fs-font-fs22); font-style: normal; font-weight: 500; line-height: var(--f-fs-font-fs22); /* 100% */ letter-spacing: 0.18px; display: inline-block; padding-top: 16px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text:hover { color: var(--vtc-bg-main6); }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after { transform: scale(1); transition: all 0.4s; visibility: visible; opacity: 0.4; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn { top: 50%; visibility: visible; opacity: 1; transition: all 0.6s; margin-top: -50px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text { color: #fa7d3c; transition: all 0.4s; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 { position: relative; z-index: 1; overflow: hidden; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; transition: all 0.4s; background: #000026; opacity: 0; border-radius: 4px; transform: scale(0.8); z-index: 1; visibility: hidden; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img { height: 100%; width: 100%; border-radius: 4px; transition: all 0.4s; border: 1px solid #e5e7eb; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn { position: absolute; top: 50%; z-index: 2; visibility: hidden; opacity: 0; text-align: center; transition: all 0.6s; margin: 0 auto; left: 18%; right: 20%; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 { display: inline-block; padding: 18px; transition: all 0.4s; border-radius: 8px; position: relative; width: 150px; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ text-transform: capitalize; z-index: 1; background: var(--vtc-bg-main6); }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i { transform: rotate(-45deg); margin-left: 4px; transition: all 0.4s; }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover { color: #fff; transition: all 0.4s; transform: translateY(-5px); background: var(--vtc-bg-main6); }

.header-area.header-area4 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i { transform: rotate(0); transition: all 0.4s; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul { position: absolute; left: 0; top: 50px; border-radius: 0px 0px 5px 5px; background: #fff; width: 210px; box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; padding: 10px; z-index: 99; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul::after { content: ""; position: absolute; top: -2px; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main6); border-radius: 4px; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul:hover > a { transition: all 0.4s; padding-left: 25px; color: red; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul:hover > a::after { background: blue; transition: all 0.4s; visibility: visible; opacity: 1; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul li ul { left: 190px; top: 10px; z-index: 99; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul li a { color: var(--qt-text-h-text3); }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul li a::after { content: ""; position: absolute; bottom: 0; left: -10px; width: 0px; height: 100%; color: var(--vtc-bg-main3); border-radius: 4px; transition: all 0.4s; z-index: -1; opacity: 1; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul li a:hover { color: var(--vtc-bg-main6); transition: all 0.4s; }

.header-area.header-area4 .header-elements .main-menu-ex ul li ul li a:hover::after { background-color: var(--vtc-bg-main3); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area4 .header-elements .main-menu-ex ul li a { color: var(--vtc-bg-white); font-size: var(--f-fs-font-fs16); display: block; font-weight: var(--f-fw-medium); padding: 8px 12px; transition: all 0.3s; }

.header-area.header-area4 .header-elements .main-menu-ex ul li a:hover { color: var(--vtc-bg-main6); }

.header-area.header-area4 .header-elements .main-menu-ex ul li:hover .tp-submenu { visibility: visible; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9; top: 150.3%; position: absolute; transition: all 0.4s; transform: scale(1); }

.header-area.header-area4 .header-elements .header1-buttons { display: flex; align-items: center; }

.header-area.header-area4 .header-elements .header1-buttons span { display: inline-block; }

.header-area.header-area4 .header-elements .header1-buttons span img { margin-left: 10px; margin-top: -5px; }

.header-area.header-area4 .header-elements .header1-buttons .search-open-btn { border: none; font-size: 20px; background: none; margin-right: 36px; position: relative; color: var(--vtc-bg-white); }

.header-area.header-area4 .header-elements .header1-buttons .search-open-btn::after { content: ""; position: absolute; right: -16px; top: 4px; height: 20px; width: 1px; background-color: var(--vtc-border-2); opacity: 0.4; }

.header-area4.sticky { position: fixed; top: 0; left: 0; width: 100%; transform: translate3d(0, 0, 0); z-index: 111; -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--vtc-text-black1); box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; transition: all 0.3s ease-in-out; margin-top: 0; z-index: 999; }

.header-area4.sticky .header-elements { padding: 6px 0 !important; margin-top: 0px !important; background: none !important; }

.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-area.header-area4 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 { color: var(--vtc-bg-main6); }

.header-area.header-area4 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1 { color: var(--vtc-bg-main6); }

.header-area.header-area4 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main { color: var(--vtc-bg-main6); }

.header-area.header-area4 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after { background-color: var(--vtc-bg-main6); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area6 { position: relative; padding-top: 30px; width: 100%; z-index: 999; background-color: var(--vtc-bg-white); box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.09); }

.header-area.header-area6 .social6 { margin-top: 24px; }

.header-area.header-area6 .social6 ul li { display: inline-block; }

.header-area.header-area6 .social6 ul li a { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; border: 1px solid var(--vtc-text-gray1); color: var(--vtc-text-gray1); margin: 0px 2px; transition: all 0.4s; }

.header-area.header-area6 .social6 ul li a:hover { transition: all 0.4s; background: var(--vtc-bg-main7); border: 1px solid var(--vtc-bg-main7); color: var(--vtc-text-white); }

.header-area.header-area6 .header-elements .main-menu-ex { padding: 16px 0px; position: relative; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 205.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 36px 0; left: -625px; width: 1300px; min-height: 440px; overflow-x: hidden; overflow-y: hidden; transform-origin: top; display: block; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main4); border-radius: 4px; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all ul { box-shadow: none !important; padding: 0px 10px !important; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all ul::after { display: none; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all ul li a { display: inline-block; padding: 8px 0px 8px 30px; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single { position: relative; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #081120; padding-left: 44px; position: relative; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after { content: ""; position: absolute; bottom: -14px; left: 43px; height: 2px; width: 25%; background-color: rgba(145, 145, 145, 0.2117647059); }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after { content: ""; position: absolute; top: 0; left: 0; height: 400px; width: 2px; background-color: rgba(145, 145, 145, 0.2117647059); z-index: 99; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after { display: none; }

.header-area.header-area6 .header-elements .main-menu-ex ul li:hover .mega-menu-all { opacity: 1; visibility: visible; transform: scale(1) translateY(-30px); }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu { visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; position: absolute; background: white; top: 201.3%; transform: scale(1, 0); z-index: 0; transition: all 0.4s; border-radius: 0px 0px 5px 5px; padding: 20px 20px 10px 20px; left: -276px; width: 1295px; max-height: 600px; overflow: hidden; transform-origin: top; display: block; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu::after { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main8); border-radius: 4px; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu { display: flex; align-items: center; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb { transition: all 0.4s; position: relative; z-index: 1; margin: 0 20px 0 0; text-align: center; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text { color: #000; font-size: var(--f-fs-font-fs22); font-style: normal; font-weight: 500; line-height: var(--f-fs-font-fs22); /* 100% */ letter-spacing: 0.18px; display: inline-block; padding-top: 16px; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .text:hover { color: var(--vtc-bg-main8); }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after { transform: scale(1); transition: all 0.4s; visibility: visible; opacity: 0.4; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn { top: 50%; visibility: visible; opacity: 1; margin-top: -50px; transition: all 0.6s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text { color: #fa7d3c; transition: all 0.4s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 { position: relative; z-index: 1; overflow: hidden; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; transition: all 0.4s; background: #000026; opacity: 0; border-radius: 4px; transform: scale(0.8); z-index: 1; visibility: hidden; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img { height: 100%; width: 100%; border-radius: 4px; transition: all 0.4s; border: 1px solid #e5e7eb; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn { position: absolute; top: 50%; z-index: 2; visibility: hidden; opacity: 0; text-align: center; transition: all 0.6s; margin: 0 auto; left: 18%; right: 20%; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 { display: inline-block; padding: 18px; transition: all 0.4s; border-radius: 8px; position: relative; width: 150px; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 100% */ text-transform: capitalize; z-index: 1; background: var(--vtc-bg-main8); }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i { transform: rotate(-45deg); margin-left: 4px; transition: all 0.4s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover { color: #fff; transition: all 0.4s; transform: translateY(-5px); background: var(--vtc-bg-main8); }

.header-area.header-area6 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i { transform: rotate(0); transition: all 0.4s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul { position: absolute; left: 0; top: 50px; border-radius: 0px 0px 5px 5px; background: #fff; width: 210px; box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; padding: 10px; z-index: 99; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul::after { content: ""; position: absolute; top: -2px; left: 0; height: 2px; width: 100%; background-color: var(--vtc-bg-main8); border-radius: 4px; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul:hover > a { transition: all 0.4s; padding-left: 25px; color: red; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul:hover > a::after { background: blue; transition: all 0.4s; visibility: visible; opacity: 1; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul li ul { left: 190px; top: 10px; z-index: 99; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul li a { color: var(--qt-text-h-text3); }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul li a::after { content: ""; position: absolute; bottom: 0; left: -10px; width: 0px; height: 100%; color: var(--vtc-bg-main8); border-radius: 4px; transition: all 0.4s; z-index: -1; opacity: 1; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul li a:hover { color: var(--vtc-bg-main8); transition: all 0.4s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li ul li a:hover::after { background-color: var(--vtc-bg-main8); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.header-area.header-area6 .header-elements .main-menu-ex ul li a { color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); display: block; font-weight: var(--f-fw-medium); padding: 8px 12px; transition: all 0.3s; }

.header-area.header-area6 .header-elements .main-menu-ex ul li a:hover { color: var(--vtc-bg-main8); }

.header-area.header-area6 .header-elements .main-menu-ex ul li:hover .tp-submenu { visibility: visible; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9; top: 150.3%; position: absolute; transition: all 0.4s; transform: scale(1); }

.header-area.header-area6 .header-elements .site-logo6 a { text-align: center; }

.header-area.header-area6 .header-elements .site-logo6 a p { color: var(--Home-Page-1-Paragraph, #6b7280); text-align: center; font-family: Figtree; font-size: 16px; font-style: normal; font-weight: 700; line-height: 39.103px; /* 244.391% */ }

.header-area.header-area6 .header-elements .header1-buttons { display: flex; align-items: center; }

.header-area.header-area6 .header-elements .header1-buttons span { display: inline-block; }

.header-area.header-area6 .header-elements .header1-buttons span img { margin-left: 10px; margin-top: -5px; }

.header-area.header-area6 .header-elements .header1-buttons .search-open-btn { border: none; font-size: 20px; background: none; margin-right: 36px; position: relative; color: var(--vtc-text-black1); }

.header-area.header-area6 .header-elements .header1-buttons .search-open-btn::after { content: ""; position: absolute; right: -16px; top: 4px; height: 20px; width: 1px; background-color: var(--vtc-border-2); }

.header-area6.sticky { position: fixed; top: 0; left: 0; width: 100%; transform: translate3d(0, 0, 0); z-index: 111; -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--vtc-bg-white); box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px; transition: all 0.3s ease-in-out; margin-top: 0; z-index: 999; padding: 4px 0px; }

.header-area6.sticky .header-elements { padding: 0 0 !important; margin-top: 0px !important; background: none !important; }

.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-area.header-area6 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 { color: var(--vtc-bg-main8); }

.header-area.header-area6 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1 { color: var(--vtc-bg-main8); }

.header-area.header-area6 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main { color: var(--vtc-bg-main8); }

.header-area.header-area6 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after { background-color: var(--vtc-bg-main8); border-radius: 4px; width: 4px; left: -10px; opacity: 1; }

.home-page5 { margin-left: -22px; }

.hero5 { margin-top: 200px; margin-bottom: 90px; }

@media (max-width: 767px) {
	.hero5 { margin-top: 0px; margin-bottom: 90px; }
}

.blog5-buttons button { margin-top: 40px; border-radius: 50%; border: none; height: 56px; width: 56px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--vtc-bg-main1); backdrop-filter: blur(2px); line-height: 70px; font-size: var(--f-fs-font-fs26); background: var(--vtc-bg-common-4); transition: all 0.4s; }

.blog5-buttons button:hover { transition: all 0.4s; color: var(--vtc-text-white); background: var(--vtc-bg-main2); }

.blog5 .blog1-recent-box { display: flex; align-items: center; }

.blog5 .blog1-recent-box .recent-thumb { border-radius: 8px; overflow: hidden; width: 90px; }

.blog5 .blog1-recent-box .recent-thumb img { width: 90px; width: 100%; }

.blog5 .blog1-recent-box .heading { padding-left: 20px; }

.blog5 .blog1-recent-box .heading .date { color: var(--vtc-text-gray1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-medium); line-height: var(--f-fs-font-fs16); /* 100% */ display: inline-block; }

.blog5 .blog1-recent-box .heading .date img { transform: translateY(-2px); }

.blog5 .blog1-recent-box .heading h5 a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs20); font-style: normal; font-weight: var(--f-fw-semibold); line-height: var(--f-fs-font-fs26); /* 162.5% */ transition: all 0.4s; }

.blog5 .blog1-recent-box .heading h5 a:hover { transition: all 0.4s; color: var(--vtc-bg-main1); }

.blog5 .author-area { display: flex; align-items: center; padding-top: 16px; }

.blog5 .author-area .date { display: flex; align-items: center; }

.blog5 .author-area .date a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-f16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ padding-left: 8px; }

.blog5 .author-area .author { padding-left: 30px; position: relative; }

.blog5 .author-area .author a { display: inline-block; color: var(--vtc-text-black1); font-size: var(--f-fs-font-fs16); font-style: normal; font-weight: var(--f-fw-regular); line-height: var(--f-fs-font-fs16); /* 100% */ }

.blog5 .author-area .author a img { transform: translateY(-2px); }

.blog5 .author-area .author::after { content: ""; position: absolute; top: 4px; left: 16px; height: 16px; width: 1px; background-color: var(--vtc-border-2); }

._subscribe h2 { color: #000; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; }

._subscribe p { color: var(--Home-Page-1-Paragraph, #6b7280); font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; /* 111.111% */ margin-bottom: 24px; margin-top: 16px; }

._subscribe .form-input { padding: 16px; border-radius: 8px; width: 100%; margin-bottom: 18px; border: none; background-color: var(--vtc-bg-common-1); }

._subscribe .form-input:focus { outline: none; }

/* Tüm Hakları My Medya Design & Software ® Firmasına Aittir. İzinsiz Kopyalanamaz ve Çoğaltılamaz. | www.mymedya.com.tr */